Udostępnij za pośrednictwem

Tworzenie aplikacji kanwy z obrazu

Proces tworzenia aplikacji zazwyczaj obejmuje fazę projektowania, w której planujemy, jak aplikacja ma wyglądać. Niezależnie od tego, czy projekt jest oparty na istniejącym formularzu papierowym, rysunku na tablicy, czy nawet na obrazie starszej aplikacji, zbudowanie aplikacji od podstaw może zająć sporo czasu.

Utwórz aplikację na podstawie projektu wizualnego i połącz ją z danymi, wykonując kilka prostych kroków z przewodnikiem.

Notatka

  • Stylizacja elementów w aplikacji, takich jak czcionki i kolory, będzie oparta na motywie Office Blue w Power Apps.
  • Jeśli chcesz, aby podczas tworzenia aplikacji zachowane zostały dokładne style projektowe, rozważ stworzenie aplikacji kanwy z usługi Figma.
  • Power Apps nie zachowuje obrazu, który przesyłasz. Przesłany obrazek jest przetwarzany w pamięci tylko po to, by wygenerować aplikację.

Wymagania wstępne

  • Licencja Power Apps. Jeśli nie posiadasz licencji dla Power Apps, możesz zarejestrować się za darmo.
  • Jeśli używasz własnego obrazu, rozszerzenie pliku obrazu musi być .jpg lub .png, a rozmiar pliku nie może przekraczać 4 MB.
  • Obrazek musi też zawierać czytelny jednostronicowy formularz z jasnym tłem. Aby uzyskać najlepsze rezultaty, edytuj swoje zdjęcie tak, by miało białe tło i wysoki kontrast.

Utwórz aplikację

  1. Zaloguj się w Power Apps.

  2. Na ekranie głównym wybierz pozycję Rozpocznij od projektu strony.

  3. Wybierz opcję Obraz lub plik Figma>Zacznij od obrazu.

  4. Zapoznaj się z przykładami polecanych zdjęć i wskazówek. Aby uzyskać najlepsze wrażenia, upewnij się, że twoje zdjęcie jest zgodne z tymi zaleceniami. Kiedy skończysz, wybierz Dalej.

  5. Wprowadź nazwę aplikacji.

  6. Prześlij swój własny obrazek. Jeśli nie masz gotowego obrazu, wybierz pozycję Rozpocznij od przykładowego obrazu i wybierz jeden z dostępnych przykładowych obrazów.

    Notatka

    Jeśli używasz własnego obrazu, upewnij się, że spełnia on wymagania obrazu wymienione w Wymagania dotyczące obrazu.

    Na przykład, oto dwa przykładowe obrazy o akceptowalnej i nieakceptowalnej jakości:

    Ilość akceptowalna Ilość nieakceptowalna
    Przykładowy rysunek odręczny o akceptowalnej jakości. Przykład ręcznie rysowanego obrazka o niedopuszczalnej jakości.

  7. Na podstawie wymiarów zdjęcia zostanie automatycznie wybrany format (tablet lub telefon). Aby uzyskać najlepsze rezultaty, zalecamy zachowanie sugerowanego formatu. Użycie sugerowanego formatu zapewni najdokładniejsze dopasowanie obrazu wejściowego do ostatecznej wersji aplikacji. Wybierz Dalej.

    Podaj nazwę obrazu, typ obrazu i układ.

  8. Twoje zdjęcie zostanie automatycznie otagowane na podstawie zidentyfikowanych składników. Na przykład na poniższym przykładowym obrazku pole z napisem Wpisz swoje imię zostało zidentyfikowane jako kontrolka Wprowadzenie tekstu.

    Możesz narysować nowy znacznik, zaznaczając i przeciągając obszar obejmujący komponent. Następnie wybierz typ komponentu, z którym chcesz powiązać nowy tag.

    Aby dokonać edycji istniejącego tagu lub go usunąć, zaznacz go. Możesz wtedy przypisać inny komponent do tego znacznika lub dostosować wymiary znacznika, przeciągając rogi, aby zmienić jego rozmiar. Jeśli chcesz usunąć ten tag, wybierz opcję Usuń tag.

    Zaprojektuj komponenty dla aplikacji, wybierając znaczniki lub tworząc nowy znacznik, a następnie wybierając kontrolkę znacznika.

    Wskazówka

    Wybierz zakładkę Wskazówki po prawej stronie ekranu, aby dowiedzieć się więcej o różnych typach komponentów i o tym, jak prawidłowo oznaczać każdy z nich.

    Po przejrzeniu znaczników i upewnieniu się, że każdy komponent jest prawidłowo oznaczony, wybierz Następny.

  9. Skonfiguruj swoje dane. Aby uzyskać najlepsze wrażenia, zalecamy, byś podłączył swoją aplikację do źródła danych, wybierając Połącz się z tabelą Dataverse. Jeśli wybierzesz tę opcję i wybierzesz Dalej, zostaniesz pokierowany, aby wybrać istniejącą tabelę Dataverse i zmapować pola na obrazie do kolumn w tej tabeli lub utworzyć nową tabelę w Dataverse i dodać kolumny na podstawie pól formularza na obrazie. Aplikacja zawiera składnik formularza, który jest połączony z tabelą Dataverse.

    Jeśli nie chcesz nawiązać połączenie z Dataverse, wybierz opcję Na razie pomiń tę opcję. Jeśli wybierzesz tę opcję i zaznaczysz Utwórz, twoja aplikacja zostanie utworzona w takiej postaci, w jakiej jest, co oznacza, że komponenty, które oznaczyłeś w poprzednim kroku, zostaną wygenerowane bezpośrednio. Nie zostaną one umieszczone w komponencie formularza, a Twoja aplikacja nie będzie miała połączenia z danymi.

    Umożliwia nawiązywanie połączenia z Dataverse lub kontynuowanie bez tworzenia tabeli.

    Jeśli zdecydujesz się pominąć połączenie z Dataverse, wybierz Utwórz, a aplikacja zostanie utworzona dla Ciebie. Później możesz dodać do swojej aplikacji połączenia danych, aby połączyć aplikację z danymi.

    Notatka

    Opcja Połącz z tabelą Dataverse zostanie wyłączona, jeśli nie ma w środowisku Dataverse.

  10. W przypadku wybrania połączenia z Dataverse tabelą i wybrania opcji Utwórz nową lub istniejącą tabelę można teraz edytować szczegóły tabeli i kolumn. Każdy tag odpowiada kolumnie danych opartej na polach formularza, które zostały zidentyfikowane na twoim obrazie.

    Wybierz znacznik, aby zmodyfikować właściwości kolumny, takie jak Nazwa wyświetlana, Nazwa i Typ danych. Aby usunąć istniejącą kolumnę, zaznacz znacznik, a następnie wybierz Usuń kolumnę.

    Zaprojektuj tabelę, zmień kolumny i ich właściwości.

    Możesz dodać kolumnę danych, rysując nowy znacznik i ustawiając jego właściwości. Podczas tagowania kolumn najczęściej rysujesz znacznik wokół dwóch rzeczy: etykiety i czegoś, co użytkownik będzie wprowadzał, np. text input.

    Wskazówka

    Wybierz Właściwości tabeli po prawej stronie ekranu, aby zobaczyć i edytować właściwości swojej nowej tabeli.

    Po wybraniu opcji Dalej będzie możliwe przejrzenie struktury tabeli i kolumn.

    Przejrzyj i potwierdź strukturę schematu tabel i kolumn.

    Po zakończeniu przeglądu wybierz pozycję Utwórz, aby utworzyć aplikację. Tworzenie aplikacji może trwać minutę lub dwie.

  11. Po utworzeniu aplikacji, Twoja nowa aplikacja otworzy się w Power Apps Studio, dzięki czemu będziesz mógł kontynuować budowanie i dostosowywanie aplikacji.

    Aplikacja została stworzona i otwarta w Power Apps Studio, abyś mógł ją dostosować do swoich potrzeb..

    Jeśli zdecydowałeś się na utworzenie nowej tabeli w Dataverse, twój formularz zostanie automatycznie połączony z nową tabelą.

    Tabela została utworzona i dodana do aplikacji.

  12. Możesz dalej budować i dostosowywać swoją aplikację, dodając kolejne komponenty lub modyfikując właściwości stylu.

    Oto kilka typowych kolejnych kroków, które pozwolą ci wznieść twoją aplikację na wyższy poziom:

    1. Dodaj do swojej aplikacji nowy ekran o nazwie Ekran2 oraz galerię, w której będą wyświetlane rekordy. Ustaw źródło danych galerii na nową tabelę Dataverse.
    2. Na ekranie, który zawiera twój formularz, dodaj przycisk (jeśli jeszcze go nie masz), aby przesłać dane z formularza. Ustaw właściwość OnSelect na następującą formułę: SubmitForm(Form1).
    3. Wybierz formularz, następnie wybierz zakładkę Zaawansowane po prawej stronie ekranu i ustaw właściwość OnSuccess na Navigate(Screen2). W ten sposób, po pomyślnym przesłaniu danych z formularza, aplikacja przejdzie do ekranu zawierającego galerię, by wyświetlić rekordy.
    4. Wybierz Odtwórz w prawym górnym rogu ekranu, aby wyświetlić podgląd swojej aplikacji. Wypełnij formularz i wybierz Prześlij, aby go wysłać. Twój nowy rekord pojawi się na ekranie galerii.

  13. Zapisywanie i publikowanie aplikacji.

Wymagania dotyczące obrazu

  • Obrazek, który chcesz załadować, musi mieć rozszerzenie pliku .jpg lub .png. Jeśli masz obrazek projektu z innym rozszerzeniem pliku, zapisz go z rozszerzeniem .jpg lub .png, aby użyć go w tej funkcji.
  • Rozmiar obrazu musi być mniejszy niż 4 MB.
  • Jeśli używasz zrzutów ekranu lub szkiców cyfrowych, zmień tło na jasne, w czystym kolorze, jeśli białe nie jest dostępne.
  • Jeśli robisz zdjęcie, użyj wyższego kontrastu lub spraw, by było jaśniejsze. Upewnij się, że część, którą chcesz oznaczyć, jest wyraźna i jasna.
  • Jeśli robisz zdjęcie aparatem lub telefonem, używaj wyższego kontrastu, by sprzyjać jasnemu tłu. Możesz użyć dowolnych dostępnych aplikacji do edycji zdjęć, aby zmienić kontrast obrazu.
  • Jeśli używasz rysunków odręcznych, staraj się używać białego szkicownika bez żadnych linii.

Ograniczenia

Zobacz także