Dostosowywanie szablonów przykładowej aplikacji

W tym artykule dowiesz się więcej na temat dostosowywania przykładowych szablonów aplikacji. Na przykład może być konieczne zmianę logo firmy, zaktualizowanie danych w przykładowych szablonach aplikacji w celu dopasowania do wymagań biznesowych, dodania lub usunięcia kontrolek na ekranach w celu rozszerzenia aplikacji.

Wymagania wstępne

Zainstaluj przykładowy szablon aplikacji. Więcej szczegółów: Korzystanie z przykładowych szablonów aplikacji w usłudze Microsoft Teams.

Uwaga / Notatka

  • W sekcjach tego artykułu jako przykładu użyto jednego z dostępnych przykładowych szablonów aplikacji. Tabele, kontrolki, ekrany i inne składniki aplikacji mogą się różnić w zależności od zainstalowanej aplikacji. Użyj uznania podczas dostosowywania wybranej aplikacji.
  • Przeczytaj artykuł Przykładowe aktualizacje szablonu aplikacji przed dostosowaniem przykładowych szablonów aplikacji, aby zrozumieć wpływ nowych wersji na przykładowe wersje szablonów aplikacji.

Otwieranie przykładowych szablonów aplikacji w programie Power Apps Studio

Aby rozpocząć od dostosowywania przykładowych szablonów aplikacji, pierwszym krokiem jest otwarcie aplikacji w programie Power Apps Studio.

  1. Zaloguj się do usługi Teams.

  2. Wybierz pozycję Więcej dodanych aplikacji. (Więcej dodanych aplikacji).

  3. Wybierz pozycję Power Apps.

    Wybierz aplikację Power Apps.

  4. Wybierz zakładkę Kompilacja.

  5. Wybierz środowisko zespołu, w którym zainstalowano przykładowy szablon aplikacji.

  6. Wybierz pozycję Zainstalowane aplikacje.

  7. Wybierz zainstalowany przykładowy szablon aplikacji.

  8. Jeśli zostanie wyświetlony monit, wybierz lokalizację.

Więcej informacji: Edytowanie aplikacji w programie Power Apps Studio

Usuń przykładowe dane

Podczas instalowania przykładowych szablonów aplikacji tabele mogą być wstępnie wypełnione przykładowymi danymi. W poniższej tabeli wymieniono przykładowe szablony aplikacji oraz listę tabel z przykładowymi danymi do usunięcia:

Aby usunąć dane z przykładowych szablonów aplikacji:

  1. Otwórz przykładowy szablon aplikacji (na przykład Zarządzanie inspekcjami) w programie Power Apps Studio.

  2. Wybierz pozycję Dane w okienku po lewej stronie.

  3. Wybierz Dane - wielokropek. obok nazwy tabeli (na przykład Zadanie inspekcji obszaru dotyczące aplikacji Zarządzaj inspekcjami).

  4. Wybierz pozycję Edytuj dane.

  5. Usuń wszystkie wiersze zawierające przykładowe dane.

    Usuń wiersze.

  6. Zamknij edytor wizualizacji.

  7. Powtórz poprzednie kroki dla pozostałych tabel.

Dodaj swoje logo do ekranu ładowania

  1. Otwórz przykładowy szablon aplikacji (na przykład Inspekcja) w programie Power Apps Studio.

  2. Wybierz pozycję Widok drzewa w okienku po lewej stronie.

  3. Jeśli jeszcze nie został wybrany, wybierz pozycję Ekran docelowy.

  4. Wybierz pozycję Wstaw.

  5. Wybierz Kontrolkę obrazu w Media.

    Dodaj obraz.

  6. W okienku właściwości po prawej stronie wybierz listę rozwijaną Obraz , a następnie wybierz pozycję + Dodaj plik obrazu.

    Dodaj plik obrazu.

  7. Wybierz obraz logo firmy, a następnie wybierz pozycję Otwórz.

  8. Ustaw położenie i rozmiar kontrolki obrazu na ekranie ładowania zgodnie z Twoimi preferencjami.

    Logo firmy.

Zmienianie tekstu ekranu powitalnego

Uwaga / Notatka

Tekst powitalny ekranu powitalnego aplikacji Inspekcja używa formuły zawierającej zmienne globalne, aby prawidłowo wyświetlać żądaną terminologię dla inspekcji i elementów, które są sprawdzane. Należy zachować ostrożność podczas zmieniania tej formuły.

  1. Otwórz przykładowy szablon aplikacji (na przykład Inspekcja) w programie Power Apps Studio.

  2. Wybierz kontrolkę etykiety tekstowej z tekstem powitania Cieszę się, że jesteś tutaj.

    Formuła tekstu powitania ma następujący format:

    "Glad to have you here, we are ready for you to " & If(Lower(gblWorkType)="inspection", "inspect", Lower(gblWorkType)) & Switch(
Left(
    Lower(areaLabel),
    1
),
"a",
" an ",
"e",
" an ",
"i",
" an ",
"o",
" an ",
"u",
" an ",
" a "
) & Lower(areaLabel)

  3. Wybierz pasek formuły.

  4. Wybierz frazę Cieszę się, że masz tutaj.

  5. Zaktualizuj tekst powitania, na przykład Cieszymy się, że jesteś tutaj.

    "We are happy that you are here, we are ready for you to " & If(Lower(gblWorkType)="inspection", "inspect", Lower(gblWorkType)) & Switch(
Left(
    Lower(areaLabel),
    1
),
"a",
" an ",
"e",
" an ",
"i",
" an ",
"o",
" an ",
"u",
" an ",
" a "
) & Lower(areaLabel)

    Zaktualizuj tekst powitania w formule.

Zmienianie koloru tła ekranu

Uwaga / Notatka

Aplikacja Inspekcja wykorzystuje globalne zmienne motywów, aby zapewnić spójne doświadczenie użytkownika. Jeśli zmodyfikujesz wypełnienie ekranu, zmodyfikowany ekran nie będzie już używać standardowego motywu aplikacji.

  1. Otwórz przykładowy szablon aplikacji (na przykład Inspekcja) w programie Power Apps Studio.

  2. Wybierz pozycję Widok drzewa w okienku po lewej stronie.

  3. Wybierz Ekran powitalny z widoku drzewa.

  4. Wybierz pozycję Wypełnij z listy właściwości w lewym górnym rogu.

  5. Na pasku formuły zastąp formułę żądanym kolorem.

    Kolor wypełnienia tła ekranu zostanie ustawiony na wybrany kolor tła.

    Zmień kolor tła.

Zbiorcze edytowanie danych

Jeśli chcesz szybko edytować dane w aplikacji, możesz otworzyć tabelę i zmodyfikować lub usunąć dane.

Ostrzeżenie

Przykładowe szablony aplikacji korzystają z kilku powiązanych tabel, takich jak Lokalizacje kontroli obszaru oraz Typy lokalizacji kontroli obszaru dla aplikacji Inspekcja. Zachowaj ostrożność podczas usuwania rekordów z tabel bez sprawdzania relacji danych i zależności.

  1. Otwórz przykładowy szablon aplikacji (na przykład Inspekcja) w programie Power Apps Studio.

  2. Wybierz pozycję Dane w okienku po lewej stronie.

  3. Wybierz Dane - wielokropek. obok nazwy tabeli (na przykład Typy lokalizacji inspekcji obszaru dotyczące aplikacji Inspekcji).

  4. Wybierz komórkę wewnątrz Edytora wizualizacji, na przykład Żywność w kolumnie Nazwa .

  5. Zastąp tekst odpowiednią wartością.

  6. Zamknij edytor wizualizacji.

    Dane w aplikacji powinny odzwierciedlać zaktualizowaną wartość, taką jak nazwa lokalizacji w tym przykładzie.

    Zbiorcze edytowanie danych.

Dodawanie kolumny do aplikacji

Ważne

Kroki dostosowywania aplikacji Inspekcja w tej sekcji obejmują niektóre zaawansowane opcje konfiguracji. W tym przykładzie wymagane jest zapoznanie się z programem Power Apps Studio, wygodne modyfikowanie formuł i praca z kontrolkami, takimi jak kontenery.

Rozważ scenariusz, w którym masz wiele magazynów i chcesz skojarzyć lokalizacje i inspekcje z określonymi magazynami.

Dodawanie kolumny tekstowej Nazwa sklepu do tabeli Lokalizacja

  1. Otwórz aplikację Zarządzanie inspekcjami w programie Power Apps Studio.

  2. Wybierz pozycję Dane w okienku po lewej stronie.

  3. Wybierz Dane - wielokropek. obok nazwy tabeli (na przykład Lokacje inspekcji obszaru dotyczące aplikacji Zarządzaj inspekcjami).

  4. Wybierz pozycję Dodaj kolumnę.

  5. Wprowadź nazwę jako "Nazwa sklepu".

  6. Wybierz Utwórz.

  7. Zamknij edytor wizualizacji.

    Dodaj kolumnę Nazwa sklepu.

Dodawanie kolumny Nazwa magazynu do formularza lokalizacji

  1. Wybierz ekran Lokalizacje.

    Napiwek

    Błąd może zostać zignorowany podczas korzystania z łączników w wersji zapoznawczej w tej aplikacji.

  2. W widoku Drzewa wyszukaj btnArea_GroupedAreas.

  3. W formularzu Pogrupowane obszary przeciągnij lewą krawędź, aby być równoległa z krawędzią pola Tytuł .

    Uwaga / Notatka

    Kontrolka pola "Pogrupowane obszary" znajduje się w kontenerze. W związku z tym wybrany obszar może pojawić się w innej części ekranu niż w miejscu, w którym jest wyświetlana kolumna. Przeciąganie zaznaczonego obszaru zmienia rozmiar kolumny.

  4. Wybierz pozycję Wstaw w okienku po lewej stronie.

  5. Wybierz kontrolkę Etykieta.

  6. Umieść Etykietę tak, aby została wyrównana w poziomie z Obszary pogrupowane i w pionie z Typ obszaru.

    Położenie kontrolki etykiety.

  7. Wybierz pozycję Tekst z listy właściwości w lewym górnym rogu.

  8. Wybierz pasek formuły.

  9. Zmień formułę na Nazwa sklepu.

  10. Wybierz pozycję Wstaw w okienku po lewej stronie.

  11. Wybierz kontrolkę Pole tekstowe .

  12. Przeciągnij kontrolkę pola tekstowego, aby wyrównać ją w poziomie z Obszar pogrupowany i w pionie z Typ obszaru.

  13. Wybierz Wartość z listy właściwości w lewym górnym rogu.

  14. Na pasku formuły zastąp bieżącą wartość wartością gblLocation.'Store Name'

  15. Wybierz pozycję ColorBackground z listy właściwości w lewym górnym rogu.

  16. Na pasku formuły wprowadź tekst "White".

    Właściwość ColorBackground.

  17. Wybierz tryb wyświetlania z listy właściwości w lewym górnym rogu.

  18. Na pasku formuły wprowadź ciąg "Edytuj", jeśli jeszcze nie jest obecny.

  19. Przytrzymaj ALT na klawiaturze i wybierz pozycję Edytuj.

    Edytuj za pomocą naciśnięcia alt.

  20. Wybierz pozycję Widok drzewa w okienku po lewej stronie.

  21. Wyszukaj btnAreaDetails_Save i wybierz zwróconą kontrolkę.

  22. Rozwiń pasek formuły.

  23. Na końcu 17 wiersza dodaj przecinek i następującą formułę:

    'Store Name':Microsoft_CoreControls_TextBox1.Value

    Ta sekcja formuły powinna teraz wyglądać następująco:

    {
	msft_name: txtArea_EditTitle.Text,
	'Location Type': cmbAreaDetails_AreaType.Selected,
	'Primary Image': picArea_UploadedImage.Image, 'Store Name':Microsoft_CoreControls_TextBox1.Value
}

    Uwaga / Notatka

    Jeśli zaktualizowana formuła wykaże błąd, należy sprawdzić, czy nazwa pola tekstowego w nazwie sklepu jest wyświetlona. Na przykład może to być Microsoft_CoreControls_TextBox2 zamiast Microsoft_CoreControls_TextBox1, w zależności od zmian.

  24. Wybierz kontrolkę etykiety dodaną w kroku 5.

  25. Wybierz właściwość Y z listy właściwości w lewym górnym rogu.

  26. Wybierz pasek formuły.

  27. Zmień formułę na:

    If(gblEditLocation,250,200)

  28. Zaznacz pole tekstowe dodane w kroku 11.

  29. Wybierz właściwość Y z listy właściwości w lewym górnym rogu.

  30. Wybierz pasek formuły.

  31. Zmień formułę na:

    If(gblEditLocation,282,232)

  32. Przytrzymaj CTRL na klawiaturze i zaznacz zarówno etykietę nazwy sklepu, jak i pole tekstowe.

  33. Wybierz pozycję Visible property (Widoczna właściwość) z listy właściwości w lewym górnym rogu.

  34. Wybierz pasek formuły.

  35. Zmień formułę na:

    If(gblViewInspection, false, true)

    Pozycja zmienia się z właściwością Y.

Publikowanie aktualizacji aplikacji w usłudze Teams

Aby zapisać i opublikować zmiany w przykładowej aplikacji:

  1. Wybierz pozycję Zapisz w prawym górnym rogu.

  2. Wybierz Opublikuj w Teams

  3. Wybierz Dalej.

  4. Aby opublikować zaktualizowaną wersję aplikacji na istniejącej aktywnej karcie, wybierz pozycję Zapisz i zamknij.
    Aby dodać opublikowaną wersję aplikacji do nowej karty w innym kanale, wybierz Dodaj kartę. (Dodaj kartę) dla żądanego kanału, a następnie wybierz Zapisz i zamknij.

Więcej informacji: Publikowanie i dodawanie aplikacji do usługi Teams

  • Last updated on