Создание экрана для отображения данных

Статья
02/20/2013

В этом уроке демонстрируется создание экрана, который является базовым элементом пользовательского интерфейса для приложения LightSwitch.Экраны являются частью вашего приложения, к которой обращаются пользователи для работы с данными.На некоторых экранах просто отображаются данные, на других можно выполнять добавление, изменение или удаление данных.

Создание экрана

Экраны в LightSwitch отличаются от форм в традиционных средствах разработки, потому что макеты экранов определены заранее.Можно создать работающий экран без каких-либо изменений или написания кода.Тем не менее, есть много способов изменить или расширить экран.

Примечание
Этот урок основан на проекте MyFirstApplication («Мое первое приложение»), который был разработан в рамках уроков Работа с данными в LightSwitch (интерактивный учебник).Если у вас уже есть проект, откройте его; если нет — выполните уроки «Работа с данными в LightSwitch», а затем вернитесь к данному уроку.

Этот урок основан на проекте MyFirstApplication («Мое первое приложение»), который был разработан в рамках уроков Работа с данными в LightSwitch (интерактивный учебник).Если у вас уже есть проект, откройте его; если нет — выполните уроки «Работа с данными в LightSwitch», а затем вернитесь к данному уроку.

Создание экрана

В обозревателе решений выберите узел Экраны.
В меню Проект выберите команду Добавить экран.
В диалоговом окне Добавление нового экрана в списке Выбор шаблона экрана выберите значение Экран списка и сведений.
В поле Имя экрана введите OrdersByCustomer.
В поле Данные экрана выберите NorthwindEntitiesData.Customers.
В списке Дополнительные данные для включения выберите как Сведения о клиенте, так и Заказы клиентов, а затем нажмите кнопку ОК.

Откроется конструктор экрана, в котором будет отображаться иерархическое представление элементов управления и команд экрана.

Подробный обзор

В этом уроке было рассмотрено создание экрана списка и сведений, содержащего список клиентов и список заказов для каждого клиента.Возможно, вы заметили в диалоговом окне Добавление нового экрана, что доступны другие шаблоны экрана.В дополнение к шаблонам, которые включены в LightSwitch, доступны дополнительные шаблоны в виде расширений.На следующем занятии мы подробнее познакомимся с расширениями.

На первый взгляд конструктор экрана может показаться немного сложным, поскольку в нем для представления макета используется иерархия, а не режим точного отображения (WYSIWYG).Тем не менее, иерархия модели делает проектирование экрана в LightSwitch более быстрым и гибким.

Совет
Для предварительного просмотра экрана в любой момент нажмите клавишу F5, чтобы запустить приложение и открыть экран.