Zastosowanie wybranych kontrolek
Image - pozwala na wyświetlania obrazków,
ScrollViewer - pozwala na przesuwanie elementów w niej zawartych, TextBlock - służy głównie do wyświetlania tekstu,
ListBox - służy do tworzenia list z wielu innych kontrolek, działa podobnie jak ScrollViewer,
Map - służy do określania lokalizacji na mapie,
Media Element - umożliwia prezentację plików multimedialnych,
PasswordBox - umożliwia maskowanie tekstu, jaki jest do niej wprowadzany, RadioButton - umożliwia zaznaczenie jednej z dostępnych opcji, kontrolki te
mogą być grupowane,
Slider - służy do płynnej regulacji zmiany wartości różnych zakresów, StackPanel - powierzchnia do rozmieszczania kontrolek, kontrolki w niej
zawarte można jedynie przeglądać,
TextBox - służy do pobierania tekstu z klawiatury,
WebBrowser - służy do obsługi stron internetowych, za jej pomocą można przeglądać sieć.
Przykład 1
Na stronie głównej aplikacji umieścimy linki do stron zawierających prezentacje kilku kontrolek. Do ułożenia linków wykorzystamy kontrolkę StackPanel umożliwiającą automatyczne układanie elementów pionowo (jeden pod drugim) lub poziomo (jeden obok drugiego).
Krok 1 – utworzenie aplikacji o nazwie Kontrolki W oknie XAML zmieniamy nazwę aplikacji i strony głównej.
◦ Dla TextBlock o x:Name=ApplicationTitle ◦ zmieniamy właściwość Text na Kontrolki. ◦ Dla TextBlock o x:Name=PageTitle
W oknie XAML do elementu Grido x:Name=ContentPanel dodajemy element StackPanel .
Krok 2 - Dodajemy kontrolkę HyperlinkButton. Przenosimy kontrolkę HyperlinkButton i zmieniamy jej
właściwość Content na Główne.
Dwukrotnie klikamy kontrolkę i w metodzie hyperlinkButton1_Click dodajemy: NavigationService.Navigate(new Uri("/Kontrolki;component/Glowne.xaml",
UriKind.Relative));
Krok 3 - Dodanie do projektu nowej strony Glowne.xaml Z menu wybieramy Project -> Add New Item.
W oknie Add New Item:
— z listy dostępnych szablonów wybieramy Windows Phone PortraitPage, — w polu Name wpisujemy Glowne.xaml,
— wciskamy przycisk Add.
Na stronie Glowne.xaml, w oknie XAML określamy nazwę aplikacji i strony Dla elementu TextBlock o x:Name=ApplicationTitle
zmieniamy właściwość Text na Kontrolki
Dla elementu TextBlock o x:Name=PageTitle zmień właściwość Text na Główne
W oknie XAML do elementu Grid o x:Name=ContentPanel dodajemy element StackPanel, a następnie dodajemy kontrolki umożliwiające: Pobranie imienia.
Przenosimy kontrolkę TextBlock i określamy jej właściwość Text jako Podaj imię:
Przenosimy kontrolkę TextBox i określamy jej właściwość Text jako "". Pobranie wieku:
Przenosimy kontrolkę TextBlock i określamy jej właściwość Text jako Podaj wiek:
Przenosimy kontrolkę TextBox i określamy jej właściwość Text jako ”” oraz dodajemy właściwość InputScope="Number„.
Przenosimy kontrolkę TextBlock i zmieniamy właściwość Text na Wybierz płeć:
Przenosimy kontrolkę RadioButton i określamy jej właściwość Content jako "Kobieta", następnie definiujemy właściwość GroupName="Plec".
Przenosimy kontrolkę RadioButton i określamy jej właściwość Content jako "Mężczyzna", definiujemy właściwość GroupName="Plec„.
Dodajemy kontrolki umożliwiające pobranie hasła Umieszczamy:
kontrolkę TextBlock i określamy jej właściwość Text jako Podaj hasło: kontrolkę PasswordBox.
kontrolkę CheckBox i określamy jej właściwość Content jako "Zapamiętac ?". Dodajemy przycisk umożliwiający zatwierdzenie danych i przejście do strony głównej.
Do okna podglądu telefonu przenosimy kontrolkę Button i dwukrotnie klikamy na dodaną kontrolkę a w metodzie button1_Click piszemy:
NavigationService.Navigate(newUri("/Kontrolki; component/MainPage.xaml", UriKind.Relative));
Wypełnianie powierzchni kolorem
LinearGradientBrush
Przykładowe wykorzystanie klasy LinearGradientBrush
Domyślnie zmiany koloru następuję od górnego lewego rogu do dolnego prawego
nastawy zmian koloru są określane we właściwościach StartPoint i EndPoint Domyślne wartości dla StartPoint to (0,0) (lewy, górny narożnik) , a dla
EndPoint (1,1) (prawy, dolny narożnik).
Na przykład zapis StartPoint (0,0) i EndPoint (0,1) oznacza lewy, górny narożnik oraz lewy, dolny narożnik (kierunek zmian koloru).
Wspólne zasoby
Niektóre klasy nadają się, aby tworzyć wspólne zasoby (np. Brush)
Klasa FrameworkElement definiuje właściwość Resources, która służy do określania wspólnych zasobów
Możemy zdefiniować Resources jako właściwość elementu
Zgodnie z konwencja Resources pojawia się na prawo przy początkowym znacznikiem.
Przypuśćmy, że strona zawiera kilkanaście elementów typu TextBlock i chcemy zastosować te same LinearGradientBrush do Foreground dla każdego z nich. Krok 1. Zdefiniować LinearGradientBrush w sekcji zasobów pliku XAML
Każdy zasób musi mieć słowo kluczowe. W XAML są dopuszczalne tylko cztery słowa poprzedzone znakiem „x”: x:Key, x:Class, x:Namei x:Null
Krok 2. Odczytanie zasobu może być realizowane w następujący sposób
