Zastosuj styl i zasób kompozycji do elementów sterujących: Samouczek dotyczący programowania aplikacji systemu Windows Phone - Część 20

W ostatnim ćwiczeniu nauczyliśmy się, jak stosować styl i zasoby tematyczne w naszych kontrolkach. Teraz w tej części serii samouczek będziemy kontynuować pracę ze stylami i zasobami oraz nauczymy się stosować wybrane przez nas zasoby kolorów.

Zacznijmy pracę z tym samym projektem, który stworzyliśmy w ostatnim samouczku jednym przyciskiem. Wybierz ten przycisk i skieruj się w stronę okna właściwości. Po kliknięciu małego klawisza strzałki znajdującego się obok właściwości Pierwszego planu zauważysz, że otworzy się inne małe okno z różnymi kolorowymi płytkami i zakładkami. W tym małym oknie znajdują się cztery małe zakładki, a mianowicie Szczotka Null, Pędzel Solid Color, Pędzel gradientu i Pędzel obrazu. Domyślnie ustawiony jest na pełny pędzel z kolorem białym (RGB: 0,0,0 i kanał przezroczystości alfa ustawiony na 255). Możesz wybrać żądany kolor, przesuwając suwak wzdłuż pionowego paska, a następnie okrągły kursor, aby wybrać dokładny odcień. Możesz także wybrać iDropper, za pomocą którego możesz adoptować kolor dowolnego dostępnego narzędzia. Istnieje wiele sposobów na modyfikację koloru tego pędzla.

To samo dotyczy pędzla gradientowego. Wykonuje podobne zadanie jak jednolity kolor pędzla, ale ma kilka dodatkowych opcji. Daje ci szereg przystanków. Możesz użyć tych przystanków, aby uzyskać różne odcienie w wybranym kolorze. Możesz również zmienić teksturę koloru za pomocą opcji takich jak gradient poziomy i gradient pionowy. Pędzel obrazkowy pozwala wybrać obraz jako nasz zasób. Możesz dodać obraz tak, jak dodaliśmy obraz do sterowania obrazem.

Na razie używaj pędzla gradientowego używając zatrzymania, tak jak to zrobiłem (Zobacz zdjęcie). Teraz, gdy zobaczysz okno XAML, zobaczysz, że do okna XAML dla przycisku jest dodany jakiś kod.

Załóżmy teraz, że jeśli chcemy dodać ten sam kolor gradientu, który dodaliśmy dla naszego przycisku do wszystkich innych kontrolek na naszej stronie, jak to robimy? W tym celu przejdź do właściwości pierwszoplanowej, na której ustawiamy pędzel kolorów funky funky i kliknij prawym przyciskiem myszy i wybierz "Wyodrębnij wartość do zasobu". Otworzy się małe okienko "Utwórz zasób". Możesz nazwać zasób tak, jak chcesz lub możesz go zostawić bez zmian. Następnie możesz wybrać, gdzie chcesz go zapisać, w zależności od tego, gdzie chcesz korzystać z tego zasobu. Jeśli chcesz go użyć na pojedynczej stronie, wybierz MainPage.xaml, następnie wybierz App.xaml i kliknij Ok.

Teraz przeciągnij kolejny przycisk na powierzchnię projektanta i przejdź do właściwości pierwszego planu. Teraz znajdziesz nasz własny zasób pod nazwą lokalne zasoby. Po kliknięciu na niego drugi przycisk będzie nosił ten sam kolor co pierwszy. Co zrobić, jeśli istnieje wiele właściwości, które chcemy zastosować do naszej kontroli? Możemy to zrobić za pomocą stylów. Styl to zbiór ustawiaczy nieruchomości. Stwórzmy teraz nowy styl. Najpierw usuń wszystkie modyfikacje, które zrobiliśmy w poprzednim przykładzie, i otrzymaj nowy przycisk do ponownego uruchomienia. Wklej poniższy kod pod deklaracje xmlsns.

W tym kodzie stworzyliśmy dwie właściwości ustawiającego, aby zmienić kolor obramowania i pierwszego planu. Następnie przejdź do kodu przycisku i dodaj ten fragment kodu:

Styl = "{StaticResource myStyle}".

Zauważysz, że nasz kolor obramowania przycisku i kolor pierwszego planu zmienia się na czerwony.

Teraz jeśli chcesz zastosować ten styl do całej aplikacji, przeciąć kod między. Otwórz plik App.xaml i wklej go między znaczniki zasobów aplikacji. Teraz, jeśli wrócisz i sprawdzisz przycisk, zobaczysz, że przycisk nadal wyświetla czerwony kolor.

A więc chodzi o Style i zasoby w Windows Phone 7.5. W następnym rozdziale dowiemy się, jak poruszać się między stronami xaml.