Dostosowywanie wyglądu ekranu

Artykuł
03/12/2013

W tej lekcji pokażemy ci, jak zmienić układ i wygląd ekranu w LightSwitch.

Dostosowywanie ekranu

Za pomocą Projektanta ekranu, można dostosować ekran na wiele sposobów.Na przykład, można zmienić kolejność wyświetlania pól, zmienić rodzaj kontrolki, która służy do wyświetlania pola i ograniczyć możliwość modyfikowania pola.

Aby wyświetlić ekran

W Eksploratorze rozwiązań należy kliknąć dwukrotnie ekran OrdersByCustomers.
Kliknij klawisz F5, aby uruchomić aplikację, a następnie z menu Nawigacja wybierz Zamówienia według klientów, aby wyświetlić formularz.

Po wybraniu klienta na liście Customers po lewej, szczegóły dotyczące tego klienta i lista zamówień powiązanych są wyświetlane po prawej stronie.
Kliknij przycisk Zamknij w prawym górnym rogu okna aplikacji, aby je zamknąć.

Aby zmienić nazwy wyświetlane

W środkowym okienku Projektanta ekranu wybierz najwyższy węzeł Układ kolumn | Zamówienia według klientów.
W oknie Właściwości wybierz pole Opis i wpisz Wybierz klienta, aby zobaczyć jego zamówienia.

Ten komunikat zostanie wyświetlony jako etykietka ekranu podczas uruchamiania aplikacji.
Kliknij klawisz F5, aby uruchomić aplikację, a następnie z menu Nawigacja wybierz Zamówienia według klientów, aby wyświetlić ekran.Aby wyświetlić wskazówkę, przesuń wskaźnik nad "Zamówienia według klientów" na karcie ekranu i wstrzymaj.
Kliknij przycisk Zamknij w prawym górnym rogu okna aplikacji, aby je zamknąć.

Aby zmienić kontrolki i kolejność wyświetlania

W obszarze węzła Układ wierszy | Kolumna szczegółów, zaznacz węzeł Firma.
Z listy rozwijanej, wybierz opcję Etykieta.

Zapobiega to przed edytowaniem pola Company w działającej aplikacji.
Wybierz węzeł Phone.
Przeciągnij go poniżej węzła Firma.

Zmienia kolejność wyświetlania na ekranie.
Naciśnij klawisz F5, aby uruchomić aplikację, a następnie w menu Nawigacja kliknij Zamówienia według klientów, aby wyświetlić ekran i zweryfikować zmiany.
Kliknij przycisk Zamknij w prawym górnym rogu okna aplikacji, aby je zamknąć.

Aby wyłączyć polecenia dla siatki danych

Rozwiń węzeł DataGrid | Zamówienia.
Rozwiń węzeł Pasek poleceń, jeśli nie jest jeszcze rozwinięty.
Wybierz węzeł Edytuj....W oknie Właściwości wyczyść pole wyboru IsVisible.

Wyłącza polecenie Edytuj dla danych siatki Zamówienia.
Powtórz proces dla węzła Usuń.
Naciśnij klawisz F5, aby uruchomić aplikację, a następnie w menu Nawigacja kliknij Zamówienia według klientów, aby wyświetlić ekran i zweryfikować zmiany.

Należy zauważyć, że brakuje przycisków Edytuj i Usuń.
Kliknij przycisk Zamknij w prawym górnym rogu okna aplikacji, aby je zamknąć.

Aby przełączyć ekran w tryb tylko do odczytu

Rozwiń węzeł DataGrid | Zamówienia.
Rozwiń węzeł Pasek poleceń.
Wybierz węzeł Dodaj…, a następnie na wstążce kliknij przycisk Usuń.
Wybierz węzeł DataGrid | Zamówienia, a następnie wybierz węzeł Wiersz siatki danych | Zamówienie.
W oknie Właściwości zaznacz pole wyboru Użyj kontrolek tylko do odczytu.

To uniemożliwia użytkownikom modyfikowanie danych w siatce.
Naciśnij klawisz F5, aby uruchomić aplikację, a następnie w menu Nawigacja kliknij Zamówienia według klientów, aby wyświetlić ekran i zweryfikować zmiany.

Należy zauważyć, że przycisk Dodaj został usunięty i nie można zmodyfikować danych w siatce.
Kliknij przycisk Zamknij w prawym górnym rogu okna aplikacji, aby je zamknąć.

Szczegółowy opis

W tej lekcji pokazano, jak wykonać kilka czynności związanych z modyfikowaniem wyglądu i zachowania ekranu OrdersByCustomer.Lekcja pokazała również, jak Drzewo zawartości ekranu w Projektancie ekranu odnosi się do interfejsu użytkownika na uruchomionym ekranie.

Po zmianie opisu dla ekranu, dostarczono pomoc dla użytkownika końcowego.Być może pamiętasz, że we wcześniejszej lekcji zmieniono Opis dla pola ContactName w Projektancie obiektów.Podczas ustawiania opisu w Projektancie obiektów, zmiana jest propagowana na wszystkie ekrany; po ustawieniu go w Projektancie ekranu zmienia się tylko ekran, na którym pracujesz.

Po zmianie typu kontrolki dla pola Firma z TextBox na Label, być może zauważono, że lista dostępnych kontrolek dla każdego pola obejmuje tylko kontrolki, które są odpowiednie dla odpowiedniego typu danych pola.Na przykład dla pola Text można wybrać TextBox lub Label.Jeśli zainstalowano rozszerzenie, które zawiera kontrolkę do wyświetlania Text, ta kontrolka również pojawia się na liście.Kolejna lekcja opisuje rozszerzenia.

Oprócz przeciągania pola do innego miejsca na liście, w tym przypadku liście Customers, można również przeciągnąć pola z lewego okienka Projektanta ekranu do okienka środkowego.Na przykład, gdyby użytkownik przypadkowo usunął pole City, można przeciągnąć je z powrotem z węzła Customers w lewym okienku.

Po wyłączeniu poleceń Edytuj i Usuń w siatce Zamówienia, być może zauważono, że można nadal edytować lub usuwać zamówienia bezpośrednio w siatce.Aby rozwiązać ten problem należy ustawić siatkę Orders na tryb tylko do odczytu przez ustawienie właściwości Używaj kontrolek tylko do odczytu.Właściwość Użyj kontrolek tylko do odczytu dotyczy wszystkich węzłów w ramach drzewa zawartości ekranu.Na przykład, jeśli zostanie ustawiona właściwość Użyj kontrolek tylko do odczytu dla najwyższego poziomu węzła Siatka | Zamówienia według klientów, cały ekran staje się tylko do odczytu.

[!UWAGA]

Po ustawieniu właściwości Użyj kontrolek tylko do odczytu, polecenia Dodaj, Edytuj i Usuń nie wyłączają się.Użytkownicy mogą modyfikować dane po włączeniu tych poleceń.