Tematy i skórki

Jak widzieliśmy strony wzorcowej wpływa na ogólną strukturę serii stron w aplikacji (lub miejsca) stronie. Jednak prawie zawsze w realizacji strony potrzebne do zarządzania innych elementów, które mogą zmienić ze strony na stronę, ale musi być stabilny w ciągu tej samej stronie (np. czcionki tekstu). W takich sytuacjach są bardzo przydatne narzędzie o nazwie Themes.

Jeśli znasz z kaskadowych arkuszy stylów (CSS) nie będzie trudne do zrozumienia funkcjonowania problemów. Dwie techniki są podobne, ponieważ zarówno w rzeczywistości można zdefiniować styl wizualny z naszych stron internetowych. To może korzystać tematów określić style, grafiki i inne elementy na stronach naszego serwisu.

Tematy są w zasadzie pliki tekstowe, które określają cechy, które elementy strony muszą wziąć ASP.NET i zawiera kilka domyślnych, choć można oczywiście zdefiniować własne.

Przejdź na przykładzie. Utwórz nowy formularz WWW (ja to nazywam EsempioTemi.aspx), a następnie klikamy prawym przyciskiem myszy na nasz projekt i wybrać opcję Dodaj folder ASP.NET i wybrać typ folderu jako Theme

Prowadzi to do tworzenia folderu wewnątrz App_Themes z domyślnego folderu (tzw. Theme1)

Zmień nazwę Theme1 folder domyślny i kliknij na nim prawym klawiszem myszy, dodając nowy element StyleSheet typu (arkusz stylów). Nazywamy ten sam default.css

W tym momencie musimy ustawić właściwości naszego arkusza stylów. Jeśli dwukrotne kliknięcie na nim przekonamy się, że zawiera tylko znacznika body

Aby dodać nowe elementy, kliknij na Dodaj Style Rule styl menu

Otworzy się następujące okno

Załóżmy, że chcesz dodać element H1 do naszego arkusza stylów. Element wybierz z rozwijanego menu i kliknij na element h1>, aby umieścić go w hierarchii listy stylów zasady

Kliknij przycisk OK, gdy widzimy, że arkusz stylów zostanie zmieniona w następujący sposób

Aby edytować element, po prostu dodaje się kliknąć prawym przyciskiem myszy na jego znacznik i wybrać opcję Tworzenie Style. Spowoduje to otwarcie okna dialogowego Style Modyfikuj, gdzie mamy zamiar ustawić kilka właściwości do woli

Po kliknięciu OK widzimy nasze wybory zawarte w arkuszu stylów

Testujemy nasz temat teraz poprzez dodanie do formularza internetowego stworzone na początku tematu dyrektywy lekcji i pisał coś w tagi h1

Tekst, który wszedłem byłem testowania stylu aplikacji i zostanie on wyświetlony w przeglądarce zgodnie z naszymi iPost arkusza stylów

To samo stanie się dla wszystkich elementów naszej zamkniętych w znacznikach h1. Oczywiście użyliśmy tego tagu jako przykład, ale w zasadzie w podobny sposób można dostosować wszystkie elementy formularza.

Wreszcie będę pokrótce na skórze tzw. Elementy te są sposobem, aby skonfigurować niektóre właściwości grupy kontrolnej. Na przykład, możesz zdefiniować różne schematy kolorów dla danego typu kontroli (np. TextBox) charakteryzują się różnym dostosowywania właściwości.

Definiując odpowiednie skóry może udostępnić szereg opcji wyświetlania dla grupy kontroli, bez potrzeby ustawiania właściwości dla każdego wystąpienia każdego z nich. Na przykład, jeśli pole tekstowe formularza internetowego zawiera dziesięć i chcą dać im trochę formatowanie wystarczy zdefiniować odpowiednie skóry i przypisać do każdego z pól tekstowych. Więc plików w skórę określenie konkretnego typu kontroli i atrybutów, które odnoszą się do wszystkich wystąpień tego samego.

Oto przykład. Utwórz nowy folder w folderze o nazwie Domyślny Skins widziałem wcześniej i dodać nowy element do wnętrza typu skóry zwany TestSkinFile

Włóż w generowanym pliku dostosowań dla niektórych kontroli takich jak poniższe

W ten sposób, gdy dodamy elementy formularza sieci Web skóry, będą one miały określone cechy. Oczywiście odbywa się to tak, że skóra musi być zadeklarowana w stronę, podobnie jak to miało wcześniej do tematu.

• <<Poprzedni Lekcja
• Indeks pomocy
• Następny wykład>>