Udostępnij za pośrednictwem

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

  • Artykuł

Można zmodyfikować wygląd ekranu za pomocą projektanta ekranu.Można użyć ekranu projektanta, aby wykonywać następujące zadania projektowe.

Zadania projektowania pól i poleceń

  • Dodawanie grupy informacji do ekranu.

  • Modyfikowanie układu grupy.

  • Dodawanie przycisków.

  • Dodawanie elementów.

  • Usuwanie elementów.

  • Przenoszenie elementów.

  • Zmiana nazwy wyświetlanej elementu.

  • Zmiana położenia etykiety elementu.

  • Zmiana rozmiaru elementu.

  • Pokazywanie lub ukrywanie elementu.

  • Zmiana typu formantu elementu .

  • Dodawanie niestandardowego formantu do ekranu.

  • Cofanie zmian.

Zadania projektowania kolekcji danych

  • Określanie, czy zbiór wyświetla dane, po załadowaniu ekranu po raz pierwszy.

  • Włączanie lub wyłączanie stronicowania.

  • Włączanie lub wyłączanie sortowania.

  • Włączanie lub wyłączanie wyszukiwania.

Aby uzyskać więcej informacji dotyczących sposobu wykonywania zadań projektowania przy uruchomionej aplikacji, zobacz Porady: dostosowywanie ekranu technologii Silverlight w uruchomionej aplikacji.

Dodawanie grupy informacji do ekranu

  1. W Drzewie zawartości ekranu zaznacz grupę, do której chcesz dodać grupę informacji.

  2. U góry Projektanta ekranu kliknij Dodaj element układu, a następnie kliknij Grupa.

    Pojawia się nowa grupa.

  3. Przeciągnij elementy do grupy.Można przeciągnąć elementy z Listy członków ekranu, w projektancie ekranu lub z innych miejsc w Drzewie zawartości ekranu.

Modyfikowanie układu grupy

  1. W Drzewie zawartości ekranu kliknij strzałkę w dół obok grupy, którą chcesz zmodyfikować.

    Pojawia się lista rozwijana.Lista rozwijana pokazuje wszystkie typy formantów, które są dostępne dla grupy.

  2. Na liście rozwijanej formantów kliknij typ formantu.

    Wybrany typ formantu wpływa na układ grupy.Aby zobaczyć więcej informacji o każdym typie formantu, zobacz Odniesienia: Właściwości projektanta ekranu.

Dodawanie przycisków

  1. W Drzewie zawartości ekranu wybierz dowolny węzeł Pasek poleceń.

  2. U góry Projektanta ekranu kliknij Dodaj element układu, a następnie kliknij Przycisk.

    Przycisk pojawia się pod węzłem Pasek poleceń.

  3. Dodaj kod, który jest uruchamiany, gdy użytkownik kliknie przycisk.Aby uzyskać więcej informacji, zobacz Porady: dodawanie polecenia niestandardowego do ekranu technologii Silverlight.

Dodawanie elementów

  • Z Listy członków ekranuProjektanta ekranu przeciągnij element (na przykład pole lub polecenie) do żądanej lokalizacji w Drzewie zawartości ekranu.

    PoradaPorada

    Drzewo zawartości ekranu jest hierarchią obiektów ekranu, które są wyświetlane w środku projektanta.

    Podczas przeciągania elementu, kursor myszy zmienia się, aby wskazać, czy element może zostać umieszczony w danym miejscu.Jeśli kursor myszy zmieni się na niedostępny, nie można upuścić elementu w tej lokalizacji.

    Można również dodać niestandardowe pola do ekranu.Aby uzyskać więcej informacji, zobacz Porady: dodawanie właściwości lokalnej do ekranu technologii Silverlight.

Usuwanie elementów

  1. W Drzewie zawartości ekranu wybierz element (na przykład pole lub polecenie), który chcesz usunąć z ekranu.

  2. U góry Drzewa zawartości ekranu kliknij przycisk Usuń.

Przenoszenie elementów

  • W Drzewie zawartości ekranu przeciągnij element (na przykład pole lub polecenie) do żądanej lokalizacji na liście elementów.

    Na przykład, przeciągnij pole PostalCode, aby umieścić je pod polem Country, lub przeciągnij przycisk Edytuj, aby umieścić powyżej przycisku Usuń.

    [!UWAGA]

    Podczas przeciągania pola, kursor myszy zmienia się, aby wskazać, czy element może zostać umieszczony w danym miejscu.Jeśli kursor myszy zmieni się na niedostępny, nie można upuścić elementu w tej lokalizacji.

Zmiana nazwy wyświetlanej elementu

  1. W Drzewie zawartości ekranu zaznacz element (na przykład, pole lub polecenie).

  2. W oknie Właściwości wybierz pole tekstowe w obszarze Nazwa wyświetlana i wpisz żądaną nazwę elementu.

    Zmiana nazwy wyświetlanej nie zmienia nazwy elementu.Zmienia tylko nazwę elementu, gdy jest wyświetlany na ekranie.

Zmiana położenia etykiety elementu

  1. W Drzewie zawartości ekranu zaznacz pole.

  2. W oknie Właściwości kliknij listę rozwijaną w obszarze Pozycja etykiety i wybierz żądaną pozycję.

    W poniższej tabeli opisano każdą opcję.

    Pozycja etykiety

    Opis

    Wyrównanie do lewej

    Etykieta pojawia się z lewej strony formantu.

    Wyrównanie do prawej

    Etykieta pojawia się z prawej strony formantu.

    U góry

    Etykieta pojawia się nad formantem.

    U dołu

    Etykieta pojawia się pod formantem.

    Brak

    Żadna etykieta nie pojawia się dla wybranego pola danych.

    Zwinięte

    Pole jest umieszczone w miejscu, które w przeciwnym razie byłoby zarezerwowane dla etykiety.

Zmiana rozmiaru elementu

  1. W Drzewie zawartości ekranu zaznacz element (na przykład, pole lub polecenie).

  2. W oknie Właściwości, w obszarze Wymiarowanie wybierz żądany rozmiar dla szerokości i wysokości formantu.

    Aby uzyskać więcej informacji na temat każdego ustawienia, zobacz Odniesienia: Właściwości projektanta ekranu.

Pokazywanie lub ukrywanie elementu

  1. W Drzewie zawartości ekranu zaznacz element (na przykład, pole lub polecenie).

  2. W oknie Właściwości zaznacz lub wyczyść właściwość Is Visible.

    Jeśli zaznaczysz pole Is Visible, element będzie widoczny na ekranie po uruchomieniu aplikacji.Jeśli pole Is Visible zostanie wyczyszczone, element nie będzie widoczny na ekranie po uruchomieniu aplikacji.

    [!UWAGA]

    Etykieta (Not visible) pojawia się obok elementów, które nie są widoczne na ekranie, gdy aplikacja zostanie uruchomiona.

Zmiana typu formantu elementu

  1. W Drzewie zawartości ekranu wybierz listę rozwijaną obok elementu.

  2. Na liście rozwijanej wybierz żądany typ formantu.

    Większość typów formantów to typy wbudowane.Można również ustawić typ formantu na formant niestandardowy, utworzony za pomocą innych narzędzi.Aby uzyskać więcej informacji na temat formantów niestandardowych, zobacz Porady: dodawanie formantu niestandardowego do ekranu technologii Silverlight.

Dodawanie niestandardowego formantu do ekranu

  1. W Drzewie zawartości ekranu zaznacz dowolną grupę.

  2. U góry Projektanta ekranu kliknij Dodaj element układu, a następnie kliknij przycisk Formant niestandardowy.

    Aby uzyskać więcej informacji, zobacz Porady: dodawanie formantu niestandardowego do ekranu technologii Silverlight.

Cofanie zmian

  • W menu Edycja kliknij Cofnij.

    PoradaPorada

    Jeśli przypadkowo cofniesz edycję w Projektancie ekranu, w menu Edytuj kliknij Ponów.

Określanie, czy zbiór wyświetla dane, po załadowaniu ekranu po raz pierwszy

  1. Z Listy członków ekranuProjektanta ekranu wybierz nagłówek kolekcji (na przykład nagłówek OrderCollection).

  2. W oknie Właściwości, wyczyść pole wyboru Automatyczne wykonywanie zapytania, jeśli nie chcesz, aby kolekcja pokazywała wszystkie dane, kiedy pojawi się ekran.Zaznacz pole wyboru Automatyczne wykonywanie zapytania, jeśli chcesz, aby kolekcja pokazywała dane, kiedy pojawi się ekran.

Włączanie lub wyłączanie stronicowania

  1. Z Listy członków ekranuProjektanta ekranu wybierz nagłówek kolekcji (na przykład nagłówek OrderCollection).

  2. W oknie Właściwości, wyczyść pole wyboru Obsługuj stronicowanie, jeśli chcesz, aby użytkownicy widzieli wszystkie wiersze zwracane przez zapytanie, nawet jeśli kolekcja wierszy jest duża.Zaznacz pole wyboru Obsługuj stronicowanie, jeśli chcesz ograniczyć liczbę rekordów wyświetlanych u użytkownika, gdy zapytanie zwraca dużą liczbę rekordów.

  3. Jeśli wybierzesz Obsługuj stronicowanie, w Liczba elementów do wyświetlania na stronie, określ liczbę wierszy, które są wyświetlane użytkownikowi.

    [!UWAGA]

    Użytkownicy mogą przechodzić przez zestawy wierszy, klikając łącze na ekranie.

Włączanie lub wyłączanie sortowania

  1. Z Listy członków ekranuProjektanta ekranu wybierz nagłówek kolekcji (na przykład nagłówek OrderCollection).

  2. W oknie Właściwości, wyczyść pole wyboru Obsługuj sortowanie, jeśli nie chcesz, aby użytkownicy sortowali dane, które pojawiają się w kolekcji.Zaznacz pole wyboru Obsługuj sortowanie, jeśli chcesz, aby użytkownicy sortowali dane, które pojawiają się w kolekcji.

Włączanie lub wyłączanie wyszukiwania

  1. Z Listy członków ekranuProjektanta ekranu wybierz nagłówek kolekcji (na przykład nagłówek OrderCollection).

  2. W oknie Właściwości, wyczyść pole wyboru Obsługuj wyszukiwanie, jeśli nie chcesz, aby pole wyszukiwania było wyświetlane powyżej kolekcji.Zaznacz pole wyboru Obsługuj wyszukiwanie, jeśli chcesz, aby pole wyszukiwania było wyświetlane powyżej kolekcji.Aby uzyskać więcej informacji na temat umożliwiania użytkownikom wyszukiwania danych, zobacz How to: Enable the User to Search Data.

Zobacz też

Zadania

Porady: dostosowywanie ekranu technologii Silverlight w uruchomionej aplikacji

Porady: dodawanie właściwości lokalnej do ekranu technologii Silverlight

Porady: dodawanie polecenia niestandardowego do ekranu technologii Silverlight

Jak: Dodawanie danych do ekranu

Inne zasoby

Ekrany: Interfejs użytkownika aplikacji