Kontrolki dla Windows Phone 8 - Kontrolki nawigacji, układu i grupowania
Pobierz i uruchom |
Tłumaczenie na podstawie Controls for Windows Phone: Aurelia Tokarek
Opublikowano: 2012-12-18
W tym odcinku zostaną przedstawione kontrolki odpowiedzialne za nawigację oraz ułożenie elementów w aplikacji.
Kontrolki nawigacji
Aplikacje systemu Windows Phone oparte są na modelu stron, w którym użytkownik nawiguje pomiędzy różnymi stronami z zawartością. Ten model bazuje na jednej kontrolce ramki aplikacji, która zawiera kontrolki strony dla użytkowników w celu przechodzenia pomiędzy nimi. Strony zawierają kontrolki układu, które mogą posiadać dodatkowe kontrolki.
Poniższa tabela zawiera listę kontrolek używanych do nawigowania w aplikacji na Windows Phone.
Kontrolka | Miejsce | Uwagi |
PhoneApplicationFrame | Microsoft.Phoneassembly | Główna kontrolka dla aplikacji na Windows Phone, która obsługuje nawigację z i do stron. |
PhoneApplicationPage | Microsoft.Phoneassembly | Zawiera treść, do której można nawigować za pomocą PhoneApplicationFrame. |
Poniższy obrazek pokazuje ramkę i model strony.
Kontrolki układu i grupowania
Kontrolki, które zawierają inne kontrolki nazywane są często kontrolkami układu. Kontrolki układu są kontenerami dla innych kontrolek oraz obiektów wizualnych. Jak sama nazwa wskazuje, kontrolki układu stosowane są do pozycjonowania obiektów na ekranie. Służą jako główny układ strony aplikacji. Wszystkie inne obiekty wizualne aplikacji zawarte są w tym korzeniu. Możesz używać dodatkowych kontrolek układu wewnątrz głównego układu, jeśli tylko potrzebujesz. Kiedy utworzysz nową aplikację Windows Phone, kontrolka Grid może służyć jako główny układ. Korzeń układu zawiera dodatkowe kontrolki układu, takie jak panel tytułu i panel zawartości. Możesz dodać dodatkowe kontrolki do panelu zawartości. Dodatkowo, powinieneś zastanowić się, czy Twoja aplikacja będzie wspierać orientację poziomą czy pionową przy wyborze kontrolek układu dla Twojej aplikacji.
Większość kontrolek układu dostarczana jest z klasy Panel. Niektóre przykłady kontrolek układu, dostarczanych z panelu, to StackPanel, Canvas oraz Grid. Dostępne są również dwie dodatkowe kontrolki – Panorama oraz Pivot, które możesz użyć do układu aplikacji na telefon. Te kontrolki różnią się od typowych elementów kontrolek, ponieważ powinny zawierać małą liczbę elementów (w porównaniu z typowymi elementami kontrolek, które zawierają dużą listę). Te kontrolki pozwalają użytkownikowi łatwo przełączać się pomiędzy ich elementami.
Poniższa tabela zawiera listę kontrolek używanych do układu i grupowania elementów w aplikacji Windows Phone.
Kontrolka | Lokalizacja | Uwagi |
Border | System.Windows assembly | Zapewnia granicę oraz tło (lub oba) dla innej kontrolki. |
Canvas | System.Windows assembly | Jako określony koordynat zapewnia powierzchnię do wyświetlania elementów potomnych w tej kontrolce. |
ContentControl | System.Windows assembly | Reprezentuje kontrolkę kontenera z pojedynczym elementem potomnym. Element potomny jest obiektem, więc może on zawierać kontrolkę układu z dodatkowymi elementami potomnymi. |
Grid | System.Windows assembly | Zapewnia skomponowaną powierzchnię wierszy i kolumn dla wyświetlania elementów potomnych. Definiujesz wiersze i kolumny dla siatki, gdzie przypisujesz obiekty do określonych wierszy lub kolumn w siatce. |
Panorama | Microsoft.Phone.Controls assembly | Tworzysz widok panoramiczny elementów, które mogą być przewijane strona po stronie. |
Pivot | Microsoft.Phone.Controls assembly | Zapewnia szybką drogę do zarządzania widokiem dużego zestawu danych w aplikacji. Kontrolka może być używana jako interfejs nawigacyjny do filtrowania dużych ustawień lub przełączania pomiędzy widokami. |
StackPanel | System.Windows assembly | Zapewnia powierzchnię do wyświetlania elementów potomnych w linii, poziomo lub pionowo. |
VirtualizingStackPanel | System.Windows assembly | Jeśli potrzebujesz, zapewnia kontrolkę stack panel, określającą widoczność zawartości na ekranie, tworzenie dodatkowego elementu UI. VirtualizingStackPanel ma lepszą wydajność niż StackPanel kiedy pracuje z dużym zestawem elementów. |
ScrollViewer | System.Windows assembly | Zapewnia powierzchnię przewijaną dla wyświetlania elementów potomnych. |
Więcej informacji o kontrolkach układu dla Windows Phone znajdziesz w Layout for Windows Phone.
Poniższy obrazek przedstawia niektóre kontrolki układu zarówno w orientacji poziomej, jak i pionowej. Na tym obrazku, StackPanel oraz Canvas są zagnieżdżone w Grid, która używa systemu układu wierszy i kolumn.
Poniższy obrazek przedstawia kontrolkę Panorama. Prezentuje, jak może zostać użyta do prezentowania zawartości w widoku poziomym.
Podsumowanie
W tym odcinku przedstawiono kontrolki odpowiedzialne za nawigację oraz ułożenie elementów w aplikacji. W kolejnym odcinku przedstawiono kontrolki umożliwiające wyświetlanie tekstu, pól wyborów oraz przycisków.