Ekrany klienta technologii Silverlight

Można tworzyć i zaprojektować ekrany oparte na technologii Silverlight najlepiej dla aplikacji LightSwitch zrozumienie szablony, narzędzia i zadania, które wprowadza w tym temacie.

[!UWAGA]

Za pomocą Microsoft LightSwitch dla programu Visual Studio Update 2 można również utworzyć ekrany oparte na języku HTML i ich optymalizacji dla urządzeń przenośnych.Aby uzyskać więcej informacji, zobacz Ekrany klienta HTML dla aplikacji LightSwitch.

Szablony ekranów

Aby rozpocząć, utwórz ekran przy użyciu jednego z następujących szablonów ekranu:

• Nowy ekran danych

• Ekran wyszukiwania danych

• Ekran szczegółów

• Edytowalny ekran siatki

• Ekran listy i szczegółów

Aby uzyskać więcej informacji na temat wybierania szablonu, zobacz Wybieranie typu ekranu.

Aby uzyskać więcej informacji na temat wyszukiwania tych szablonów, zobacz Porady: tworzenie ekranu technologii Silverlight.

Narzędzia projektowania ekranu

Można zmodyfikować projekt ekranu, przy użyciu Projektanta ekranu lub poprzez otwarcie ekranu w Trybie dostosowywania, gdy aplikacja jest uruchomiona.

Projektant ekranu

Projektant ekranu wyświetla elementy, takie jak pola danych i polecenia oraz Drzewo zawartości ekranu, czyli hierarchiczną reprezentację danych.Można przeciągać elementy do Drzewa zawartości ekranu i rozmieścić je w odpowiedniej kolejności.

Aby uzyskać więcej informacji dotyczących projektanta ekranu, zobacz Samouczek Projektant ekranu.

Aby uzyskać więcej informacji na temat projektowania ekranu, zobacz Instruktaż: Projektowanie na ekranie.

Aby uzyskać więcej informacji dotyczących sposobu wykonywania określonych zadań projektowania w projektancie ekranu, zobacz Porady: projektowanie ekranu technologii Silverlight przy użyciu narzędzia Projektant ekranu.

Tryb dostosowywania ekranu

Można zmodyfikować wygląd ekranu, gdy aplikacja jest uruchomiona, przy użyciu Trybu dostosowywania ekranu.Można także przejrzeć modyfikacje przed zastosowaniem zmian.W Trybie dostosowywania ekranu, można wykonywać następujące zadania projektowania w czasie, gdy aplikacja jest uruchomiona:

• Usuwanie elementów z ekranu

• Zmienianie podpisów elementów

• Zmiana typu formantu elementu (na przykład etykiety lub pola tekstowe)

• Zmiana położenia etykiety elementu

• Pokaż lub ukryj element

• Przenoszenie elementu do innej lokalizacji na ekranie

• Grupowanie elementów

• Dodawanie przycisków do ekranu

• Cofanie zmian

• Resetowanie właściwości elementów do wartości domyślnych

Na poniższej ilustracji przedstawiono Tryb dostosowywania ekranu.

Aby uzyskać więcej informacji dotyczących Trybu dostosowania ekranu, zobacz Porady: dostosowywanie ekranu technologii Silverlight w uruchomionej aplikacji.

Zadania projektowania ekranu

Aby zmodyfikować projekt ekranu, można wykonywać następujące zadania:

• Modyfikowanie wyglądu ekranu

• Dodawanie pól i poleceń do ekranu

• Filtrowanie danych, które pojawiają się na ekranie

• Dodawanie danych do ekranu

• Dostosowywanie menu nawigacji ekranu

• Modyfikowanie ekranu przy użyciu kodu

Modyfikowanie wyglądu ekranu

Można zmodyfikować sposób wyświetlania danych na ekranie.Na przykład, można skonfigurować zbiór informacji do wyświetlania jako lista lub siatka.Można zmienić kolejność, w której są wyświetlane pola, lub pogrupować pola.

Aby uzyskać więcej informacji, zobacz Porady: projektowanie ekranu technologii Silverlight przy użyciu narzędzia Projektant ekranu.

Przykład sposobu projektowania wyglądu ekranu, który wyświetla informacje z przykładowej bazy danych Northwind, zobacz Dostosowywanie wyglądu ekranu.

Dodawanie pól i poleceń do ekranu

Ekrany LightSwitch zawierają wbudowane polecenia, tak aby użytkownicy mogli przeglądać, aktualizować, usuwać lub zapisywać dane.Można również dodać niestandardowe polecenia i pola.

Jeśli chcesz dodać jakąś logikę biznesową do ekranu, dodaj polecenie niestandardowe.Na przykład, można dodać przycisk, aby użytkownik mógł przeglądać listę klientów w oparciu o wielkość zamówienia sprzedaży.Aby uzyskać więcej informacji, zobacz Porady: dodawanie polecenia niestandardowego do ekranu technologii Silverlight.

Można dodać niestandardowe pola Właściwości lokalne, w celu zbierania lub wyświetlania informacji.Na przykład, można dodać pole tekstowe obok przycisku wielkości sprzedaży, tak aby użytkownik mógł określić, ilu klientów ma być wyświetlanych na liście.Aby uzyskać więcej informacji, zobacz Porady: dodawanie właściwości lokalnej do ekranu technologii Silverlight.

Dodawanie niestandardowych formantów do ekranu

Można dodawać formanty Silverlight do ekranu LightSwitch.Za pomocą formantów Silverlight, można wyświetlać lub gromadzić informacje w sposób wykraczający poza możliwości wbudowanych formantów LightSwitch.Można również użyć formantu Silverlight, aby zamienić wszystkie wbudowane formanty LightSwitch, które pojawiają się na ekranie.Aby uzyskać więcej informacji, zobacz Porady: dodawanie formantu niestandardowego do ekranu technologii Silverlight.

Filtrowanie danych, które pojawiają się na ekranie

Można filtrować dane wyświetlane na ekranie, poprzez zmodyfikowanie warunków zapytań ekranu.

Każda grupa danych, która jest wyświetlana w lewym okienku projektanta, jest oparta na zapytaniu.Na ekranie są wyświetlane tylko informacje zwrócone przez te zapytania.Aby zmienić informacje wyświetlane dla grupy danych, zmodyfikuj jej zapytanie.

Aby uzyskać więcej informacji, zobacz Porady: filtrowanie danych na ekranie technologii Silverlight.

Dodawanie danych do ekranu

Można dodawać inne rodzaje danych do ekranu.Na przykład, na ekranie, który wyświetla klientów, można dodać siatkę danych, która zawiera listę zamówień.Aby uzyskać więcej informacji, zobacz Jak: Dodawanie danych do ekranu.

Dostosowywanie menu nawigacji ekranu

W aplikacji użytkownik może otworzyć ekran, klikając jego nazwę w menu nawigacji.Można określić kolejność, w której mają być wyświetlane ekrany w menu.Można również określić, który ekran jest wyświetlany podczas uruchamiania aplikacji, i określić, czy użytkownik może otwierać wiele ekranów, które są wyświetlane jako karty.

Aby uzyskać więcej informacji, zobacz Jak: tworzenie elementów Menu i grup nawigacji.

Umożliwianie użytkownikom wyszukiwania danych

LightSwitch udostępnia wbudowaną obsługę wyszukiwania.Po uruchomieniu aplikacji, nad każdą kolekcją danych na ekranie, wyświetlane jest pole wyszukiwania.Użytkownik może wpisać warunki do jednego z pól wyszukiwania, a następnie nacisnąć klawisz ENTER, w celu wyszukania powiązanych informacji.

Aby uzyskać informacje na temat ukrywania pola wyszukiwania na ekranie, zobacz Porady: projektowanie ekranu technologii Silverlight przy użyciu narzędzia Projektant ekranu.

Aby uzyskać informacje na temat wykluczania określonych pola z wyszukiwania, zobacz Odniesienia: Właściwości projektanta danych.

LightSwitch zawiera szablon, który można użyć do utworzenia ekranu wyszukiwania.Aby uzyskać więcej informacji, zobacz Wybieranie typu ekranu.

W żądaniu wyszukiwania uwzględniane są tylko pola typu String.Ponadto, żądanie wyszukiwania dotyczy tylko skojarzonej kolekcji danych.Na przykład, pole wyszukiwania wyświetlane nad kolekcją nabywcy, nie może być użyte do wyszukiwania informacji o zamówieniach złożonych przez klienta.

Jeśli wyszukiwanie ma uwzględniać pola typu innego niż łańcuch lub informacje dostępne w kolekcjach powiązanych, należy zaimplementować na ekranie funkcję wyszukiwania niestandardowego.Aby zobaczyć przykład, jak to zrobić, zobacz Creating a Custom Search Screen in Visual Studio LightSwitch.

Modyfikowanie ekranu przy użyciu kodu

Użytkownik może dodać kod do metod częściowych, które są wywoływane przez LightSwitch, dzięki czemu w przypadku wystąpienia określonych zdarzeń w czasie wykonywania, ekran zostanie odpowiednio zmodyfikowany.Na przykład, można dodać kod ukrywający nazwę firmy, która chce pozostać anonimowa wobec użytkowników aplikacji.Ten kod zbada nazwy firm, klientów i w przypadku znalezienia dopasowania ustawi właściwość IsVisible, pola CompanyName na False, przed wyświetleniem informacji na ekranie.

Aby uzyskać więcej informacji na temat miejsca, w którym należy napisać kod, zobacz Porady: obsługa zdarzeń ekranowych technologii Silverlight i Porady: dodawanie polecenia niestandardowego do ekranu technologii Silverlight.

Aby uzyskać więcej informacji na temat dodawania kodu modyfikującego ekran, zobacz Porady: modyfikowanie ekranu technologii Silverlight przy użyciu kodu.

Tematy pokrewne

Tytuł	Opis
Wybieranie typu ekranu	Zawiera opis szablonów, których można użyć jako punktu wyjścia do tworzenia ekranów.
Porady: tworzenie ekranu technologii Silverlight	Pokazuje sposób dodawania ekranów do aplikacji.
Samouczek Projektant ekranu	Przedstawia części projektanta i ich funkcje.
Instruktaż: Projektowanie na ekranie	Pokazuje sposób projektowania ekranu, który wyświetla dane z przykładowej bazy danych Northwind.
Porady: projektowanie ekranu technologii Silverlight przy użyciu narzędzia Projektant ekranu	Pokazuje sposób korzystania z projektanta ekranu.
Porady: dostosowywanie ekranu technologii Silverlight w uruchomionej aplikacji	Pokazuje, jak dostosować wygląd ekranu podczas działania aplikacji.
Porady: dodawanie właściwości lokalnej do ekranu technologii Silverlight	Pokazuje, jak dodać niestandardowy właściwość lokalną pola do ekranu.
Porady: dodawanie polecenia niestandardowego do ekranu technologii Silverlight	Pokazuje, jak dodać przycisk lub łącze, które wykonuje kod niestandardowy na ekranie.
Porady: dodawanie formantu niestandardowego do ekranu technologii Silverlight	Pokazuje, jak utworzyć formant poza LightSwitch, a następnie użyć go na ekranie LightSwitch.
Jak: Dodawanie danych do ekranu	Pokazuje, jak dodać dane z innych zapytań do ekranu.
Porady: filtrowanie danych na ekranie technologii Silverlight	Pokazuje, jak używać zapytania do kontroli danych wyświetlanych na ekranie.
Porady: obsługa zdarzeń ekranowych technologii Silverlight	Zawiera opis sposobu dostosowywania aplikacji, przez napisanie kodu wykonywanego w przypadku wystąpienia określonych zdarzeń.
Porady: modyfikowanie ekranu technologii Silverlight przy użyciu kodu	Zawiera opis modyfikowania formantów i interakcję z elementami na ekranie za pomocą kodu.
Odniesienia: Właściwości projektanta ekranu	Zawiera opis właściwości elementów wyświetlanych na liście elementów ekranu i w Drzewie zawartości ekranu, w Projektancie ekranu.Można zmodyfikować wygląd i zachowanie elementów za pomocą okna Właściwości, w którym można ustawić wartość właściwości.
Raportowanie i drukowanie w programie LightSwitch	W tym artykule opisano dostępne opcje umożliwiające dodawanie raportowania lub drukowania zdolności do LightSwitch aplikacji.