Używanie nowoczesnych motywów w aplikacjach kanwy (wersja zapoznawcza)

[Ten artykuł stanowi wstępną wersję dokumentacji i może ulec zmianie].

Nowoczesne tematy przewodnie, które są wstępnie ustalonymi zestawami stylów, mogą przekształcić wygląd aplikacji. Te tematy, oparte na języku projektowym firmy Microsoft, modyfikują różne aspekty stylu, takie jak kolor, typografia, nieduchwianie i wygląd, co pozwala wizualnie obejrzeć i spójny interfejs. Nowoczesne elementy upraszczają proces dostosowywania, dzięki czemu twórcy mogą bez trudu projektować aplikację z ujednoliconym i spójnym wyglądem.

Ważne

  • Jest to funkcja w wersji zapoznawczej.
  • Funkcje w wersji zapoznawczej nie są przeznaczone do użytku w środowiskach produkcyjnych i mogą mieć ograniczoną funkcjonalność. Te funkcje są udostępniane przed oficjalnym wydaniem, dzięki czemu klienci mogą szybciej uzyskać do nich dostęp i przekazać opinie na ich temat.

Wymagania wstępne

Aby użyć nowoczesnych motywów, należy je włączyć. Aby uzyskać więcej informacji, zobacz Włączanie nowoczesnych kontrolek i motywów dla aplikacji.

Uwaga

Gdy są włączone nowoczesne kontrolki i motywy, na pasku poleceń nie będzie można wybrać klasycznych motywów. Aby korzystać z klasycznych motywów, należy włączyć ustawienie Zachowaj klasyczne motywy dla aplikacji na emeryturze.

Tworzenie motywu

Dostępnych jest kilka dostępnych do wyboru tematów, które możesz stylizować. Możesz także zaprojektować własny temat przewodni, aby uzyskać bardziej osobistą stronę wizualną.

  1. W menu Tworzenie aplikacji wybierz > Ikona Motywy Motywy.
  2. W okienku Tematy przewodnie wybierz opcję Dodaj temat przewodni.
  3. W oknie dialogowym Utwórz temat przewodni wprowadź następujące informacje:
    • Nazwa tematu przewodniego: Temat przewodni nie może się powtarzać.
    • Czcionka: wybierz domyślną czcionkę, która będzie stosowana w formantach aplikacji po zastosowaniu motywu.
    • Kolor: wybierz kolor, na którym ma być podstawie tematu przewodniego, lub ręcznie wprowadź reprezentację koloru w widoku Hex lub przedstawienie RGB. W systemie są generowane palety z 16 kolorami, które są zoptymalizowane pod kątem dostępności.
    • Barwa/Jaskrawość: Dostosuj paletę generowania, zwłaszcza jaśniejsze kolory, za pomocą suwaków Barwa i Jaskrawość . Barwa wpływa na odcień koloru, a jaskrawość wpływa na wyciszenie lub jasność palety.
  4. Opcjonalnie obejrzyj statyczną wersję zapoznawczą nowego motywu. Możesz wchodzić w interakcje z przykładowymi kontrolkami, aby zobaczyć, jak motyw jest stosowany do stanu spoczynku i różnych stanów interakcji.
  5. Wybierz pozycję Utwórz.

Nowy motyw zostanie utworzony i zastosowany do Twojej aplikacji.

Stosowanie nowoczesnego motywu

  1. W menu Tworzenie aplikacji wybierz > Ikona Motywy Motywy.
  2. W okienku Tematy wybierz jeden z domyślnych motywów.

Po wybraniu nowoczesnego motywu jego styl jest automatycznie stosowany do elementów sterujących w aplikacji. Ta akcja ustawia właściwość App.Theme.

Uwaga

Nowoczesne motywy mają teraz wpływ na klasyczne kontrolki, ustawiając właściwości klasycznych kontrolek za pomocą formuł Power Fx, które odwołują się do zmiennych z nowoczesnego motywu.

Edytuj temat

Możesz edytować temat przewodni i zmienić jeden lub kilka parametrów niestandardowego tematu przewodniego.

  1. W menu Tworzenie aplikacji wybierz > Ikona Motywy Motywy.
  2. W okienku Tematy przewodnie , znajdź kafelek odpowiadający motywowi, który chcesz edytować i wybierz Opcje > Edytuj.
  3. W okienku Edytowanie tematu przewodniego dostosuj go zgodnie z potrzebami.

Uwaga

Użytkownik nie może edytować gotowych tematów przewodnich.

Usuń temat przewodni

Jeśli zdecydujesz się, że w aplikacji nie jest już potrzebny niestandardowy temat przewodni, możesz go usunąć.

  1. W menu Tworzenie aplikacji wybierz > Ikona Motywy Motywy.
  2. W okienku Tematy przewodnie znajdź ten, który chcesz edytować, a następnie wybierz opcję (...) Opcje > Usuń.
  3. W oknie dialogowym potwierdzenia wybierz opcję Usuń temat przewodni.

Jeśli w aplikacji masz jakieś formuły Power Fx, które odwołują się do tego motywu, musisz ręcznie zaktualizować formułę.

Uwaga

Użytkownik nie może usuwać gotowych tematów przewodnich.

Używanie motywów z Power Fx

Nowoczesne obiekty motywów są dostępne dla twórców, którzy będą z nich korzystać w Power Fx. Do obecnie aktywnego obiektu motywu może się odwoływać właściwość App.Theme, a do każdego motywu załadowanego do aplikacji może się odwoływać jego nazwa wystąpienia, taka jaki RedTheme. Zalecamy użycie funkcji App.Theme do obiektu motywu, aby zagwarantować, że do wyboru kolorów zostaną dostosowane do zmian tematu.

Każdy obiekt motywu zawiera następujące informacje:

  • Nazwa: nazwa motywu.
  • Kolory: kolekcja 16 kolorów. Będzie obejmować markę dla motywu. Każdy kolor w zakresie jest łatwo dostępny według nazwy.

Na obrazie przedstawiono zmienne w kolekcji Kolory i, na przykład, odpowiednie kolory tematu przewodniego Stal .

Włącz nowoczesne kontrolki

Używając zakresu marki dla motywu, możesz ręcznie nazwać klasyczną kontrolkę na podstawie bieżącego nowoczesnego motywu, takiego jak Button.Fill = App.Theme.Colors.Primary.

Uwaga

Aby przekazać opinię, zobacz: Przekazywanie opinii do Microsoft.

Zobacz także

Wpis w blogu dotyczący nowoczesnych kontrolek