Właściwości koloru i obramowania w usłudze Power Apps

Przegląd

Skonfiguruj styl kontrolki na podstawie sposobu interakcji użytkownika z nią.

Kolory można określić na wiele sposobów:

• Wyliczenie kolorów: określ nazwy kolorów z kaskadowych arkuszy stylów, jak w poniższych przykładach:

  • Color.Red
  • Color.Indigo

• Funkcja ColorValue : określ ciągi tekstowe, takie jak nazwy kolorów z kaskadowych arkuszy stylów i notacji szesnastkowe (#), jak w poniższych przykładach:

  • ColorValue( "AliceBlue" )
  • ColorValue( "#ff00ff" )

• Funkcja ColorFade : określ, jak wyblakły jest kolor, od w pełni czarnego (-100%) do pełnej bieli (100%), jak w tym przykładzie:

  • ColorFade( Color.Red, 50% )

• Funkcja RGBA: określ czerwone, zielone i niebieskie składniki koloru z zakresu od 0 do 255 i określ kanał alfa z zakresu od 0% (w pełni przezroczysty) do 100% (w pełni nieprzezroczyste), jak w tym przykładzie:

  • RGBA( 255, 0, 255, 25% )

Właściwości koloru mogą również odwoływać się do innych właściwości koloru. Na przykład właściwość Label.PressedColor może być ustawiona na formułę Label1.Color, automatycznie kaskadowo zmieniając jedną właściwość na inną.

Normal

Te właściwości działają normalnie, gdy użytkownik nie wchodzi w interakcję z kontrolką.

BorderColor — kolor obramowania kontrolki.

• Dotyczy: Dodawanie obrazu, Dźwięk, Przycisk, Aparat, Karta, Pole wyboru, Wykres kolumnowy, Selektor dat, Formularz wyświetlania, Lista rozwijana, Formularz edycji, Eksport, Galeria, Tekst HTML, Obraz, Import, Etykieta, Wykres liniowy, Pole listy, Mikrofon, Przeglądarka PDF, Wprowadzanie piórem, Wykres kołowy, Kontrolki Radio, Rating, Slider, Text Input, Timer, Toggle i Video.

BorderStyle — czy obramowanie kontrolki to Solid, Dashed, Dotted lub None.

• Dotyczy: Dodawanie obrazu, Dźwięk, Przycisk, Aparat, Karta, Pole wyboru, Wykres kolumnowy, Selektor dat, Formularz wyświetlania, Lista rozwijana, Formularz edycji, Eksport, Galeria, Tekst HTML, Obraz, Import, Etykieta, Wykres liniowy, Pole listy, Mikrofon, Przeglądarka PDF, Wprowadzanie piórem, Wykres kołowy, Kontrolki Radio, Rating, Slider, Text Input, Timer, Toggle i Video.

BorderThickness — grubość obramowania kontrolki.

• Dotyczy: Dodawanie obrazu, Dźwięk, Przycisk, Aparat, Karta, Pole wyboru, Wykres kolumnowy, Selektor dat, Formularz wyświetlania, Lista rozwijana, Formularz edycji, Eksport, Galeria, Tekst HTML, Obraz, Import, Etykieta, Wykres liniowy, Pole listy, Mikrofon, Przeglądarka PDF, Wprowadzanie piórem, Wykres kołowy, Kontrolki Radio, Rating, Slider, Text Input, Timer, Toggle i Video.

Color — kolor tekstu w kontrolce.

• Dotyczy kontrolek : Dodawanie obrazu, Przycisk, Pole wyboru, Wykres kolumnowy, Selektor dat, Lista rozwijana, Eksport, Tekst HTML, Import, Etykieta, Wykres liniowy, Pole listy, Mikrofon, Wprowadzanie piórem, Wykres kołowy, Przycisk radiowy, Wprowadzanie tekstu i Czasomierz .

Drop Shadow — dodaje efekty cienia wokół kontrolki.

• Dotyczy kontrolek Kontener poziomy i Kontener pionowy .

Fill — kolor tła kontrolki.

• Dotyczy : Dodawanie obrazu, Dźwięk, Przycisk, Karta, Pole wyboru, Selektor dat, Formularz wyświetlania, Lista rozwijana, Formularz edycji, Eksport, Galeria, Tekst HTML, Ikona, Obraz, Import, Etykieta, Pole listy, Mikrofon, Przeglądarka PDF, Wprowadzanie piórem, Przycisk radiowy, Ocena, Ekran, Kształt, wprowadzanie tekstu, czasomierz, przełącznik i kontrolki Wideo .

Koncentruje się

Te właściwości obowiązują, gdy kontrolka jest skoncentrowana.

FocusedBorderColor — kolor obramowania kontrolki, gdy ma fokus.

FocusedBorderThickness — grubość obramowania kontrolki, gdy ma fokus.

• Te właściwości dotyczą dodawania obrazu, załączników, dźwięku, przycisku, aparatu, pola wyboru, pola kombi, selektora dat, lista rozwijana, eksport, galeria, ikona, obraz, import, etykieta, pole listy, mikrofon, przycisk radiowy, ocena, kształt, suwak, wprowadzanie tekstu, czasomierz, Przełącz i kontrolki Wideo .

Disabled

Te właściwości obowiązują, gdy kontrolka jest wyłączona. Kontrolkę można wyłączyć, jeśli właściwość DisplayMode jest ustawiona na wartość Wyłączone.

DisabledBorderColor — kolor obramowania kontrolki, jeśli właściwość DisplayMode kontrolki jest ustawiona na wartość Wyłączone.

• Dotyczy kontrolek: Dodawanie obrazu, Przycisk, Pole wyboru, Wykres kolumnowy, Selektor dat, Lista rozwijana, Eksport, Tekst HTML, Obraz, Import, Etykieta, Wykres liniowy, Pole listy, Mikrofon, Przeglądarka PDF, Wykres kołowy, Przycisk radiowy, Suwak, Wprowadzanie tekstu, Czasomierz i Przełącznik.

DisabledColor — kolor tekstu w kontrolce, jeśli jej właściwość DisplayMode jest ustawiona na wartość Wyłączone.

• Dotyczy kontrolek : Dodawanie obrazu, Przycisk, Pole wyboru, Selektor dat, Lista rozwijana, Eksport, Import, Etykieta, Pole listy, Mikrofon, Przycisk radiowy, Wprowadzanie tekstu i Czasomierz .

DisabledFill — kolor tła kontrolki, jeśli jej właściwość DisplayMode jest ustawiona na wartość Wyłączone.

• Dotyczy kontrolek : Dodawanie obrazu, Przycisk, Pole wyboru, Selektor dat, Lista rozwijana, Eksport, Tekst HTML, Obraz, Import, Etykieta, Pole listy, Mikrofon, Przycisk radiowy, Wprowadzanie tekstu i Czasomierz .

Hover

Te właściwości obowiązują, gdy użytkownik najecha kursorem myszy na kontrolkę.

HoverBorderColor — kolor obramowania kontrolki, gdy użytkownik utrzymuje wskaźnik myszy na tej kontrolce.

• Dotyczy kontrolek : Dodawanie obrazu, Przycisk, Pole wyboru, Wykres kolumnowy, Lista rozwijana, Eksport, Tekst HTML, Obraz, Import, Etykieta, Wykres liniowy, Pole listy, Mikrofon, Przeglądarka PDF, Wykres kołowy, Suwak, Wprowadzanie tekstu, Czasomierz i Przełącznik .

HoverColor — kolor tekstu w kontrolce, gdy użytkownik utrzymuje wskaźnik myszy na nim.

• Dotyczy kontrolek : Dodawanie obrazu, Przycisk, Pole wyboru, Lista rozwijana, Eksport, Import, Etykieta, Pole listy, Mikrofon, Przycisk radiowy, Wprowadzanie tekstu i Czasomierz .

HoverFill — kolor tła kontrolki, gdy użytkownik utrzymuje na niej wskaźnik myszy.

• Dotyczy kontrolek : Dodawanie obrazu, Przycisk, Pole wyboru, Lista rozwijana, Eksport, Ikona, Obraz, Import, Etykieta, Pole listy, Mikrofon, Przycisk radiowy, Kształt, Wprowadzanie tekstu i Czasomierz .

Wciśnięty

Te właściwości obowiązują po naciśnięciu przycisku lub kontrolki obrazu.

PressedBorderColor — kolor obramowania kontrolki, gdy użytkownik naciśnie lub kliknie kontrolkę.

• Dotyczy kontrolek : Dodawanie obrazu, Przycisk, Pole wyboru, Wykres kolumnowy, Lista rozwijana, Eksport, Ikona, Obraz, Import, Etykieta, Wykres liniowy, Pole listy, Mikrofon, Przeglądarka PDF, Wykres kołowy, Kształt, Suwak, Wprowadzanie tekstu, Czasomierz i Przełącznik .

PressedColor — kolor tekstu w kontrolce, gdy użytkownik naciśnie lub kliknie kontrolkę.

• Dotyczy kontrolek : Dodawanie obrazu, Przycisk, Pole wyboru, Lista rozwijana, Eksport, Import, Etykieta, Pole listy, Mikrofon, Przycisk radiowy, Wprowadzanie tekstu i Czasomierz .

PressedFill — kolor tła kontrolki, gdy użytkownik naciśnie lub kliknie kontrolkę.

• Dotyczy kontrolek : Dodawanie obrazu, Przycisk, Pole wyboru, Lista rozwijana, Eksport, Obraz, Import, Etykieta, Pole listy, Mikrofon, Przycisk radiowy, Wprowadzanie tekstu i Czasomierz .

Selekcja

Te właściwości obowiązują, gdy użytkownik wybierze element w kontrolce.

SelectionColor — kolor tekstu zaznaczonego elementu lub elementów na liście lub kolor narzędzia wyboru w kontrolce pióra.

• Dotyczy kontrolek Lista rozwijana, Pole listy i Wprowadzanie piórem .

SelectionFill — kolor tła wybranego elementu lub elementów na liście lub w wybranym obszarze kontrolki pióra.

• Dotyczy kontrolek Lista rozwijana i Pole listy .

Kolejność kolorów

Kontrolka może znajdować się w wielu stanach. Na przykład: fokus i zatrzymany wskaźnik myszy. W tej kolejności jest używany tylko jeden kolor:

1. Disabled
2. Wciśnięty
3. Hover
4. Ukierunkowanie
5. Normal