Udostępnij za pośrednictwem

Tworzenie prostej karty (wersja zapoznawcza)

  • Artykuł

W tym artyukle utworzysz kartę, która prosi użytkownika o wprowadzenie imienia i nazwiska, a następnie pokazuje je w tytule karty. Będziesz używać projektanta kart, zmiennych i programu Power Fx.

Wymagania wstępne

Konto usługi Power Apps

Utwórz kartę

  1. Zaloguj się do Power Apps i wybierz swoje środowisko.

  2. W menu nawigacji wybierz Więcej > Karty.

  3. Wybierz pozycję + Utwórz kartę.

  4. W obszarze Nazwa karty wpisz ciąg HelloWorldCard, a następnie wybierz opcję Utwórz.

Poproś o wprowadzenie tekstu

  1. Wybierz tekst Dodaj lub usuń element, aby dostosować nową kartę., a następnie wybierz ikonę Usuń (X) w celu usunięcia elementu.

    Zrzut ekranu przedstawiający etykietę tekstową symbolu zastępczego w nowej karcie w projektancie kart.

  2. W menu nawigacji wybierz + Wstaw.

  3. W okienku narzędzi wybierz opcję Dane wejściowe, aby rozwinąć kategorię, a następnie wybierz opcję Wprowadzenie tekstu.

    Zrzut ekranu przedstawiający okienko narzędzi projektanta kart z wyświetlonymi kontrolkami wejściowymi i wyróżnioną kontrolką Wprowadzenie tekstu.

  4. W okienku właściwości tekstowych danych wejściowych ustaw etykietę na Jak się nazywasz?.

    Zrzut ekranu przedstawiający kartę z oznaczoną etykietą kontrolkę tekstowych danych wejściowych w projektancie kart.

Przypisz zmienne

  1. W menu nawigacyjnym wybierz polecenie Widok drzewa i zmień nazwę textInput1 na UserAnswer.

    Nadajemy kontrolce wprowadzania tekstu nazwę zmiennej, która jest powiązana z danymi wprowadzanymi przez użytkownika. Dowolna nazwa kontrolki wejściowej może być użyta jako zmienna, na przykład wejście tekstowe, przycisk lub etykieta tekstowa.

    Zrzut ekranu kontrolki wprowadzania tekstu z menu nawigacyjnego widoku drzewa ze zmienioną nazwą.

    Napiwek

    Nadaj zmiennym opisowe i unikatowe nazwy, aby ułatwić używanie ich w wyrażeniach Power Fx.

    Do dodania danych wejściowych użytkownika do tytułu karty potrzebne są kolejne zmienne, więc utwórzmy jedną teraz.

  2. W menu nawigacji wybierz Zmienne.

  3. Wybierz pozycję +Nowa zmienna.

  4. W oknie Nowa zmienna wprowadź ciąg UserName w obszarze Nazwa i ciąg No Name w obszarze Wartość domyślna. Pozostaw inne wartości w niezmienionej formie.

  5. Wybierz pozycję Zapisz.

    Zrzut ekranu przedstawiający okienko właściwości zmiennej.

  6. Na kanwie wybierz tytuł karty, który jest kontrolką etykiety tekstowej. W okienku właściwości kontrolki ustaw tekst na ="Hello " & UserName.

    To wyrażenie zmienia tytuł karty na ciąg „Hello”, po którym następuje wartość utworzonej zmiennej. Wyrażenie można wprowadzić na pasku formuły lub w okienku właściwości.

    Zrzut ekranu przedstawiający wyrażenie tekstowe wprowadzone we właściwości Tekst tytułu karty.

Dodawanie przycisku Power Fx

  1. W menu nawigacji wybierz + Wstaw.

  2. W okienku narzędzi wybierz opcję Dane wejściowe, aby rozwinąć kategorię, a następnie wybierz opcję Przycisk.

  3. W okienku właściwości przycisku ustaw tytuł na Say Hello.

    Zrzut ekranu przedstawiający okienko właściwości nazwanego przycisku i przycisk na karcie.

  4. W okienku właściwości wybierz, obok On select, wybierz PowerFx, aby umieścić kursor na pasku formuły.

  5. Wpisz na pasku formuły następujące wyrażenie Power Fx: Set(UserName, UserAnswer)

    To wyrażenie funkcji Set() przypisuje wartość wprowadzoną przez użytkownika, UserAnswer do zmiennej UserName etykiety tekstowej (tytuł karty), gdy przycisk jest wybrany. Inny sposób odczytania wyrażenia to: Ustaw wartość zmiennej UserName na równą wartości zmiennej UserAnswer. Ponieważ wyrażenie jest powiązane z właściwością On select przycisku, zwaną również Verb obok paska formuły, jest ono uruchamiane, gdy użytkownik wybierze przycisk.

    Zrzut ekranu przedstawiający wyrażenie Power Fx na pasku formuły, przypisane do właściwości OnSelect przycisku.

Przetestuj kartę

Zawsze przed odtworzeniem karty należy zapisać zmiany. Wybierz pozycję Zapisz, a następnie wybierz pozycję Odtwórz.

Przetestuj kartę kilka razy przy użyciu różnych danych wejściowych. Upewnij się, że dane wejściowe za każdym razem zastępują domyślną wartość „No Name” w tytule karty.

Następne kroki

Zobacz, jak stworzyć nieco bardziej złożoną kartę w samouczku dotyczącym prostej listy zakupów.