Udostępnij przez

Kontrolka przycisku w usłudze Power Apps

Kontrolka, którą użytkownik może kliknąć lub nacisnąć, aby wchodzić w interakcję z aplikacją.

Description

Skonfiguruj właściwość OnSelect kontrolki Przycisk , aby uruchomić co najmniej jedną formułę po kliknięciu lub naciśnięciu kontrolki przez użytkownika.

Właściwości klucza

OnSelect — akcje do wykonania po naciśnięciu lub kliknięciu kontrolki przez użytkownika.

Text — tekst wyświetlany w kontrolce lub typie użytkownika w kontrolce.

Dodatkowe właściwości

Align — lokalizacja tekstu w odniesieniu do poziomego środka kontrolki.

AutoDisableOnSelect — automatycznie wyłącza kontrolkę, gdy zachowanie OnSelect jest uruchomione.

BorderColor — kolor obramowania kontrolki.

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

BorderThickness — grubość obramowania kontrolki.

Color — kolor tekstu w kontrolce.

ContentLanguage — język zawartości kontrolki, jeśli różni się od kontenera kontrolki.

DisplayMode — określa, czy kontrolka zezwala na wprowadzanie danych przez użytkownika (Edycja), wyświetla tylko dane (Widok) lub jest wyłączona (wyłączone).

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

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

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

FocusedBorderColor — kolor obramowania kontrolki, gdy kontrolka jest skoncentrowana.

FocusedBorderThickness — grubość obramowania kontrolki, gdy kontrolka jest skoncentrowana.

Fill – kolor tła kontrolki.

Font — nazwa rodziny czcionek, w której pojawia się tekst.

FontWeight — waga tekstu w kontrolce: Pogrubienie, Semibold, Normalny lub Jaśniejszy.

Height — odległość między górną i dolną krawędzią kontrolki.

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

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

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

Kursywa — czy tekst w kontrolce jest kursywą.

PaddingBottom — odległość między tekstem w kontrolce a dolną krawędzią tej kontrolki.

PaddingLeft — odległość między tekstem w kontrolce a lewą krawędzią tej kontrolki.

PaddingRight — odległość między tekstem w kontrolce a prawą krawędzią tej kontrolki.

PaddingTop — odległość między tekstem w kontrolce a górną krawędzią tej kontrolki.

Pressed — prawda , gdy kontrolka jest naciskany, w przeciwnym razie wartość false .

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

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

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

RadiusBottomLeft — stopień zaokrąglenia lewego dolnego rogu kontrolki.

RadiusBottomRight — stopień zaokrąglenia prawego dolnego rogu kontrolki.

RadiusTopLeft — stopień zaokrąglenia lewego górnego rogu kontrolki.

RadiusTopRight — stopień zaokrąglenia prawego górnego rogu kontrolki.

Size — rozmiar czcionki tekstu wyświetlanego w kontrolce.

Przekreślenie — określa, czy wiersz pojawia się przez tekst wyświetlany w kontrolce.

TabIndex — kolejność nawigacji za pomocą klawiatury w odniesieniu do innych kontrolek.

Etykietka narzędzia — tekst objaśniający wyświetlany po umieszczeniu wskaźnika myszy na kontrolce.

Podkreśl — określa, czy wiersz pojawia się pod tekstem wyświetlanym w kontrolce.

VerticalAlign — lokalizacja tekstu w kontrolce w odniesieniu do pionowego środka tej kontrolki.

Visible — określa, czy kontrolka jest wyświetlana, czy ukryta.

Width — odległość między lewą i prawą krawędzią kontrolki.

X — odległość między lewą krawędzią kontrolki a lewą krawędzią kontenera nadrzędnego (ekran, jeśli nie ma kontenera nadrzędnego).

Y — odległość między górną krawędzią kontrolki a górną krawędzią kontenera nadrzędnego (ekran, jeśli nie ma kontenera nadrzędnego).

Navigate( ScreenName, ScreenTransitionValue )

Przykłady

Dodawanie podstawowej formuły do przycisku

  1. Dodaj kontrolkę Text input i nadaj jej nazwę Źródło.

    Nie wiesz, jak dodać, nazwać i skonfigurować kontrolkę?

  2. Dodaj kontrolkę Przycisk , ustaw jej właściwość Text na wartość "Add" i ustaw jej właściwość OnSelect na następującą formułę:
    UpdateContext({Total:Total + Value(Source.Text)})

    Chcesz uzyskać więcej informacji na temat funkcji UpdateContext lub innych funkcji?

  3. Dodaj kontrolkę Etykieta , ustaw jej właściwość Text na pasku formuły na wartość Value(Total), a następnie naciśnij F5.

  4. Wyczyść tekst domyślny ze źródła, wpisz w nim liczbę, a następnie kliknij lub naciśnij pozycję Dodaj.

    Kontrolka Etykieta pokazuje wpisany numer.

  5. Wyczyść numer ze źródła, wpisz w nim inną liczbę, a następnie kliknij lub naciśnij pozycję Dodaj.

    Kontrolka Etykieta pokazuje sumę dwóch wpisanych liczb.

  6. (opcjonalnie) Powtórz poprzedni krok co najmniej raz.

  7. Aby powrócić do domyślnego obszaru roboczego, naciśnij Esc (lub kliknij lub naciśnij ikonę zamknięcia w prawym górnym rogu).

Konfigurowanie przycisku z wieloma formułami

Dodaj formułę, która czyści kontrolkę Wprowadzanie tekstu między wpisami.

  1. Ustaw właściwość HintText elementu Source na wartość "Wprowadź liczbę".

  2. Ustaw właściwość OnSelect polecenia Add na następującą formułę:

    UpdateContext({Total:Total + Value(Source.Text)});
    UpdateContext({ClearInput: ""})

    Uwaga / Notatka

    Oddzielaj wiele formuł średnikami ";".

  3. Ustaw właściwość Default właściwości Source na ClearInput.

  4. Naciśnij F5, a następnie przetestuj aplikację, dodając kilka liczb razem.

Dodaj kolejny przycisk, aby zresetować sumę

Dodaj drugi przycisk, aby wyczyścić sumę między obliczeniami.

  1. Dodaj kolejną kontrolkę Przycisk , ustaw jej właściwość Text na wartość "Clear" i ustaw jej właściwość OnSelect na następującą formułę:

    UpdateContext({Total:0})

  2. Naciśnij F5, dodaj kilka liczb razem, a następnie kliknij lub naciśnij pozycję Wyczyść , aby zresetować sumę.

Zmienianie wyglądu przycisku

Zmienianie kształtu przycisku

Domyślnie usługa Power Apps tworzy prostokątną kontrolkę Przycisk z zaokrąglonymi rogami. Możesz wprowadzić podstawowe modyfikacje kształtu kontrolki Przycisk , ustawiając jej właściwości Height, Width i Radius .

Uwaga / Notatka

Ikony i kształty zapewniają szeroką gamę projektów i mogą wykonywać niektóre z tych samych podstawowych funkcji, które wykonują kontrolki Button . Jednak ikony i kształty nie mają właściwości Text .

  1. Dodaj kontrolkę Przycisk i ustaw jej właściwości Height i Width na 300 , aby utworzyć duży przycisk kwadratowy.

  2. Zmodyfikuj właściwości RadiusTopLeft, RadiusTopRight, RadiusBottomLeft i RadiusBottomRight , aby dostosować ilość krzywizny na każdym rogu. Oto kilka przykładów różnych kształtów, z których każdy zaczyna się od przycisku kwadratowego 300 x 300:

Zmiana koloru przycisku po umieszczeniu na nim wskaźnika myszy

Domyślnie kolor wypełnienia kontrolki Przycisk będzie przyciemniany o 20% po umieszczeniu na niej wskaźnika myszy. To zachowanie można dostosować, zmieniając właściwość HoverFill , która używa funkcji ColorFade . Jeśli ustawisz formułę ColorFade na wartość procentową dodatnią, kolor stanie się jaśniejszy po umieszczeniu wskaźnika myszy na przycisku, a ujemna wartość procentowa sprawia, że kolor jest ciemniejszy.

Możesz również określić kolor kontrolki Przycisk , ustawiając jej właściwość HoverFill na formułę zawierającą funkcję ColorValue zamiast funkcji ColorFade , jak w elemecie ColorValue("Red")..

Uwaga / Notatka

Wartość koloru może być dowolną definicją koloru CSS, nazwą lub wartością szesnastkową.

  • Zastąp funkcję ColorFade funkcją ColorValue w jednym z utworzonych przycisków i obserwuj efekty.

Wytyczne dotyczące ułatwień dostępu

Kontrast kolorów

Obsługa czytników ekranu

  • Tekst musi być obecny.

Obsługa klawiatury

  • Last updated on