Wskazówki dotyczące ustawień aplikacji

Ustawienia aplikacji to części, które użytkownik może dostosować w swojej aplikacji Windows, dostępne za pośrednictwem dedykowanej strony ustawień. Na przykład aplikacja czytnika wiadomości może pozwolić użytkownikowi określić źródła wiadomości do wyświetlenia lub liczbę kolumn do wyświetlenia na ekranie, podczas gdy aplikacja pogodowa może pozwolić użytkownikowi wybrać między stopniami Celsjusza i Fahrenheit. Ten artykuł zawiera zalecenia i najlepsze rozwiązania dotyczące tworzenia i wyświetlania ustawień aplikacji w aplikacjach WinUI.

Kiedy należy podać stronę ustawień

Oto przykłady opcji aplikacji należących do strony ustawień aplikacji:

• Opcje konfiguracji wpływające na zachowanie aplikacji i nie wymagają częstego dostosowania, takich jak wybór między stopniami Celsjusza lub Fahrenheit jako domyślne jednostki temperatury w aplikacji pogodowej, zmiana ustawień konta dla aplikacji poczty e-mail, ustawienia powiadomień lub opcji ułatwień dostępu.
• Opcje zależne od preferencji użytkownika, takich jak muzyka, efekty dźwiękowe lub motywy kolorów.
• Informacje o aplikacji, które nie są często dostępne, takie jak zasady ochrony prywatności, pomoc, wersja aplikacji lub informacje o prawach autorskich.

Polecenia będące częścią typowego przepływu pracy aplikacji (na przykład zmiana rozmiaru pędzla w aplikacji artystycznej) nie powinny znajdować się na stronie ustawień. Aby dowiedzieć się więcej na temat umieszczania poleceń, zobacz Podstawy projektowania poleceń.

Zalecenia ogólne

• Zachowaj proste strony ustawień i używaj kontrolek binarnych (włączone/wyłączone). Przełącznik jest zwykle najlepszą kontrolką dla ustawienia binarnego.
• W przypadku ustawień, które pozwalają użytkownikom wybrać jeden element z zestawu do 5 wzajemnie wykluczających się opcji, użyj przycisków radiowych.
• Utwórz punkt wejścia dla wszystkich ustawień aplikacji na stronie ustawień aplikacji.
• Zachowaj proste ustawienia. Zdefiniuj inteligentne wartości domyślne i zachowaj minimalną liczbę ustawień.
• Gdy użytkownik zmieni ustawienie, aplikacja powinna natychmiast odzwierciedlać zmianę.
• Nie dołączaj poleceń, które są częścią wspólnego przepływu pracy aplikacji.

Punkt wejścia

Sposób, w jaki użytkownicy uzyskują dostęp do strony ustawień aplikacji, powinien być oparty na układzie aplikacji.

Okienko nawigacji

W przypadku układu NavigationView ustawienia aplikacji powinny być ostatnim elementem na liście opcji nawigacji i być umieszczone na dole. NavigationView oferuje wbudowany element ustawień do tego celu — ustaw właściwość IsSettingsVisible na true, aby automatycznie wyświetlać element Ustawienia w dolnej części okienka nawigacji.

Pasek poleceń

Jeśli używasz paska poleceń lub paska narzędzi, umieść punkt wejścia do ustawień jako jeden z ostatnich elementów w menu dodatkowym "Więcej". Jeśli większa widoczność punktu wejścia ustawień jest ważna dla Twojej aplikacji, umieść go bezpośrednio na pasku poleceń, a nie w menu dodatkowym.

Układ

Strona ustawień aplikacji powinna otworzyć pełny ekran i wypełnić całe okno. Użyj układu przewijanego z ograniczeniem maksymalnej szerokości (około 1000–1100 pikseli), aby zawartość pozostała czytelna na szerokich wyświetlaczach. Pogrupuj powiązane ustawienia pod nagłówkami sekcji, używając stylu tekstu BodyStrong.

Użyj kontrolek SettingsCard i SettingsExpander z zestawu narzędzi Windows Community Toolkit, aby skompilować stronę ustawień. Te kontrolki zapewniają spójny, dostępny układ z nagłówkiem, opisem, ikoną i kontrolką akcji wyrównaną do prawej strony karty.

Aby zapoznać się z kompletnymi przykładami implementacji, zobacz stronę ustawień galerii WinUI oraz przykład Windows Community Toolkit SettingsControls.

Karta ustawień

Użyj karty Ustawienia dla poszczególnych ustawień. Każda karta ma nagłówek, opcjonalny opis, opcjonalną ikonę nagłówka i kontrolkę akcji (taką jak ToggleSwitch, ComboBox lub Button) umieszczoną jako zawartość karty. Ustawienie właściwości IsClickEnabled na true sprawia, że cała karta staje się klikalna, co jest przydatne w przypadku wpisów o charakterze nawigacyjnym.

SettingsExpander

Użyj SettingsExpandera w przypadku ustawienia, które ma podrzędne opcje ujawniane na żądanie. Rozszerzenie wyświetla kontrolkę akcji podstawowej w wierszu nagłówka SettingsCard i dodatkowe Items elementy wewnątrz kolekcji. Dzięki temu strona jest kompaktowana, a jednocześnie wciąż jest widoczna opcja zaawansowana. Unikaj zagnieżdżania ekspanderów głębiej niż jeden poziom.

Ustawienia motywu aplikacji

Jeśli aplikacja umożliwia użytkownikom wybranie trybu kolorów aplikacji, możesz przedstawić te opcje przy użyciu pola kombi wewnątrz elementu SettingsCard. Opcje powinny wyglądać następująco:

• Light
• Dark
• Użyj ustawienia systemowego

Możesz również dodać hiperlink do strony Kolory Windows Ustawienia, gdzie użytkownicy mogą uzyskiwać dostęp do bieżącego domyślnego trybu aplikacji i modyfikować go. Użyj ciągu "ustawienia kolorów Windows" dla tekstu hiperłącza i ms-settings:colors dla URI.

Informacje o sekcji

Zalecamy umieszczenie sekcji Informacje w dolnej części strony ustawień przy użyciu elementu SettingsExpander. Zwinięty wiersz nagłówka powinien zawierać nazwę aplikacji, ikonę i numer wersji. Rozszerzony obszar może obejmować następujące elementy:

• Link do repozytorium lub witryny internetowej aplikacji.
• Link do zgłaszania błędów lub złożenia wniosku o funkcje.
• Lista zależności i odwołań jako kontrolki HyperlinkButton .
• Informacje prawne, takie jak informacje o prawach autorskich, warunki użytkowania i linki do zasad zachowania poufności informacji.

Zalecana zawartość strony

Po utworzeniu listy elementów, które chcesz uwzględnić na stronie ustawień aplikacji, należy wziąć pod uwagę następujące wskazówki:

• Grupuj podobne lub powiązane ustawienia w jednym nagłówku sekcji.

• Spróbuj zachować łączną liczbę ustawień do maksymalnie czterech lub pięciu.

• Wyświetl te same ustawienia niezależnie od kontekstu aplikacji. Jeśli niektóre ustawienia nie są istotne w określonym kontekście, wyłącz SettingsCard poprzez ustawienie IsEnabled na false.

• Użyj opisowych etykiet o jednym słowie dla nagłówków ustawień. Na przykład nazwij ustawienie "Konta" zamiast "Ustawienia konta" dla ustawień związanych z kontem.

• Jeśli ustawienie bezpośrednio łączy się z siecią, użyj elementu klikalnego SettingsCard z IsClickEnabled="True" odpowiednią ikoną akcji, aby wskazać zewnętrzną nawigację.

• Połącz mniej używane ustawienia w SettingsExpander, aby typowe ustawienia mogły mieć własne SettingsCard. Umieść zawartość lub linki zawierające tylko informacje w sekcji "Informacje".

• Prezentowanie zawartości od góry do dołu w jednej kolumnie z możliwością przewijania w razie potrzeby.

• Użyj następujących kontrolek dla ustawień aplikacji:

  • Przełączniki: aby umożliwić użytkownikom ustawienie wartości w pozycji włączonej lub wyłączonej.
  • Przyciski radiowe: aby umożliwić użytkownikom wybranie jednego elementu z zestawu do 5 wzajemnie wykluczających się opcji powiązanych.
  • Listy rozwijane: aby umożliwić użytkownikom wybór spośród zestawu opcji na kompaktowej liście rozwijanej.
  • Pola wprowadzania tekstu: aby umożliwić użytkownikom wprowadzanie tekstu. Użyj typu pola wprowadzania tekstu odpowiadającego typowi tekstu, który otrzymujesz od użytkownika, na przykład wiadomości e-mail lub hasła.
  • Hiperłącza: aby przejechać użytkownika na inną stronę w aplikacji lub do zewnętrznej witryny internetowej.
  • Przyciski: aby umożliwić użytkownikom natychmiastowe zainicjowanie akcji.

• Dodaj komunikat opisowy, jeśli jedna z kontrolek jest wyłączona. Description Użyj właściwości , SettingsCard aby wyjaśnić, dlaczego ustawienie jest niedostępne.

• Gdy użytkownik zmieni ustawienie, aplikacja powinna natychmiast odzwierciedlić zmianę — nie wymaga przycisku potwierdzenia.

Powiązane artykuły

• SettingsCard and SettingsExpander (Windows Community Toolkit)
• Podstawy projektowania poleceń
• Wytyczne dotyczące kontroli postępu
• Przechowywanie i pobieranie danych aplikacji