Samouczek Projektant ekranu

Można zaprojektować ekran przy użyciu projektanta ekranu.Projektant ekranu otwiera się podczas tworzenia ekranu lub gdy klikniesz dwukrotnie dowolny węzeł ekranu w Eksploratorze rozwiązań.

Ten temat zawiera następujące sekcje:

• Projektant ekranu w skrócie

• Lista członków ekranu

• Drzewo zawartości ekranu

• Pasek poleceń Projektanta ekranu

Projektant ekranu w skrócie

Projektant ekranu składa się z listy członków ekranu, paska poleceń projektanta ekranu i drzewa zawartości ekranu.Ilustracja przedstawia położenie każdego obszaru w projektancie ekranu.

Lista członków ekranu

Lista członków ekranu zawiera elementy, które są dostępne dla ekranu.Elementy te zawierają dane, metody i właściwości lokalne.Można dołączyć te elementy do ekranu, przeciągając je do drzewa zawartości ekranu.

Domyślnie lista członków ekranu zawiera metody skojarzone z podstawowymi poleceniami ekranu (na przykład: Zapisz ).Lista zawiera również zbiory danych w kreatorze Dodaj nowy ekran.Można również dodać elementy do listy członków ekranu.

Na poniższej ilustracji przedstawiono listę członków ekranu.

Dane na liście członków ekranu

Na liście członków ekranu dane dostępne na ekranie pojawiają się jako kolekcja węzłów.Pola kolekcji można przeglądać, rozwijając węzeł kolekcji.Kolekcję danych można dodać do ekranu, przeciągając węzeł kolekcji z listy członków ekranu do drzewa zawartości ekranu.Można także przeciągnąć pojedyncze pola z listy członków ekranu do drzewa zawartości ekranu.

Można zmodyfikować wygląd i zachowanie kolekcji za pomocą okna Właściwości.Można określić, które wiersze danych pojawią się w kolekcji, klikając łącze Edytuj zapytanie obok nazwy kolekcji.Aby uzyskać więcej informacji, zobacz Porady: filtrowanie danych na ekranie technologii Silverlight.

Właściwości lokalne na liście członków ekranu

Można dodać niestandardowe pola zwane właściwościami lokalnymi w celu zbierania lub wyświetlania informacji.Tak jak pola i kolekcje, właściwości lokalne można przeciągnąć z listy członków ekranu do drzewa zawartości ekranu.W drzewie zawartości ekranu lokalne właściwości są wyświetlane jako formanty (na przykład: pole tekstowe).Aby uzyskać więcej informacji, zobacz Porady: dodawanie właściwości lokalnej do ekranu technologii Silverlight.

Metody na liście członków ekranu

Metoda jest jednostką logiki biznesowej, którą można skojarzyć z przyciskiem na ekranie.Przeciągnij metody do dowolnego węzła paska poleceń w drzewie zawartości ekranu.Projektant ekranu automatycznie dodaje przycisk, który użytkownik może kliknąć, aby wykonać metodę.Aby uzyskać więcej informacji, zobacz Porady: dodawanie polecenia niestandardowego do ekranu technologii Silverlight.

Drzewo zawartości ekranu

Drzewo zawartości ekranu przedstawia zawartość ekranu jako hierarchię węzłów o nazwie grupy.Można rozwinąć lub zwinąć grupy i wyświetlać polecenia, właściwości lokalne i pola danych, które są zawarte w grupie.

Poniższa ilustracja przedstawia drzewo zawartości ekranu:

Można określić sposób, w jaki informacje są organizowane w obrębie grupy, wybierając układy formantów grupy.Można także dodać grupy do innej grupy oraz dodawać, usuwać i umieszczać pola i polecenia.Aby uzyskać więcej informacji na temat wykonywania tych zadań w drzewie zawartości ekranu, zobacz Porady: projektowanie ekranu technologii Silverlight przy użyciu narzędzia Projektant ekranu.

Pasek poleceń Projektanta ekranu

Pasek poleceń projektanta ekranu pojawia się bezpośrednio nad drzewem zawartości ekranu.Ten pasek poleceń zawiera polecenia, których można użyć do edytowania zapytania kolekcji, dodawania kolekcji, tworzenia lokalnych właściwości i metod, usuwania informacji z ekranu oraz pisania kodu niestandardowego, który jest uruchamiany po wystąpieniu określonego zdarzenia związanego z ekranem.W poniższej tabeli opisano każdy przycisk na pasku poleceń projektanta ekranu:

Polecenie	Opis
Edytowanie zapytania	Użyj tego polecenia, aby zmodyfikować zapytanie kolekcji danych.To polecenie jest wyświetlane, jeżeli zostanie wybrany nagłówek kolekcji na liście członków ekranu.Aby uzyskać więcej informacji, zobacz Porady: filtrowanie danych na ekranie technologii Silverlight.
Dodawanie elementu danych	Użyj tego polecenia, aby dodać metodę, właściwość lokalną lub kolekcję danych do ekranu. Aby uzyskać więcej informacji, zobacz dowolny z następujących tematów: Porady: dodawanie polecenia niestandardowego do ekranu technologii Silverlight. Jak: Dodawanie danych do ekranu. Porady: dodawanie właściwości lokalnej do ekranu technologii Silverlight.
Dodawanie elementu układu	Użyj tego polecenia, aby dodać przycisk, grupę lub formant niestandardowy do ekranu. Aby uzyskać więcej informacji na temat dodawania przycisków i grup, zobacz Porady: projektowanie ekranu technologii Silverlight przy użyciu narzędzia Projektant ekranu. Aby uzyskać więcej informacji na temat dodawania formantów niestandardowych, zobacz Porady: dodawanie formantu niestandardowego do ekranu technologii Silverlight.
Usuń	Użyj tego polecenia, aby usunąć elementy wyświetlane na liście członków ekranu lub w drzewie zawartości ekranu.
Resetuj	Użyj polecenie do zresetowania formantów do ich domyślnego typu formantu i dodania pól, które zostały usunięte.To polecenie dotyczy tylko niektórych typów formantów.
Pisanie kodu	Użyj tego polecenia do otwierania pliku kodu ekranu.W pliku kodu ekranu, z listy rozwijanej Deklaracje można wybrać metody, które chcesz rozszerzyć. Na pasku poleceń Projektanta ekranu można kliknąć strzałkę rozwijaną obok przycisku Pisanie kodu, aby wyświetlić listę metod, które stosuje się do elementu zaznaczonego w drzewie zawartości ekranu lub na liście członków ekranu.Z tej listy można wybrać metody, które chcesz rozszerzyć.Aby uzyskać więcej informacji, zobacz Porady: obsługa zdarzeń ekranowych technologii Silverlight.

Zobacz też

Zadania

Porady: tworzenie ekranu technologii Silverlight

Porady: projektowanie ekranu technologii Silverlight przy użyciu narzędzia Projektant ekranu

Porady: dostosowywanie ekranu technologii Silverlight w uruchomionej aplikacji

Koncepcje

Odniesienia: Właściwości projektanta ekranu

Inne zasoby

Ekrany: Interfejs użytkownika aplikacji