Практическое руководство. Разработка экрана Silverlight с помощью конструктора экрана
Внешний вид экрана можно изменить с помощью конструктора экрана. Конструктор экрана можно использовать для выполнения следующих задач разработки.
Задачи по разработке полей и команд
Добавление группы информации на экран.
Изменение макета группы.
Добавление кнопок.
Добавление элементов.
Удаление элементов.
Перемещение элементов.
Изменение отображаемого имени элемента.
Изменение положения подписи элемента.
Изменение размера элемента.
Отображение или скрытие элемента.
Изменение типа элемента управления для элемента.
Добавление пользовательского элемента управления на экран.
Отмена изменений.
Задачи по разработке для коллекции данных
Изменение параметров отображения данных в коллекции при первой загрузке экрана.
Включение и отключение постраничного просмотра.
Включение и отключение сортировки.
Включение и отключение поиска.
Дополнительные сведения о выполнении задач разработки в выполняющемся приложении см. в разделе Практическое руководство. Настройка экрана Silverlight в выполняющемся приложении.
Добавление группы информации на экран
В дереве содержимого экрана выберите группу, в которую требуется добавить группу информации.
В верхней части области Конструктор экрана выберите команду Добавить элемент макета, а затем щелкните Группа.
Появится новая группа.
Перетащите элементы в группу. Можно перетаскивать элементы из области Список элементов экрана в конструкторе или из других областей дерева содержимого экрана.
Изменение макета группы
В дереве содержимого экрана нажмите стрелку вниз рядом с группой, которую требуется изменить.
Отобразится раскрывающийся список. В раскрывающемся списке показаны все типы элементов управления, которые доступны для группы.
В раскрывающемся списке элементов управления выберите нужный тип элемента управления.
Тип выбранного элемента управления влияет на макет группы. Дополнительные сведения о каждом из типов элементов управления см. в разделе Справочные материалы. Свойства конструктора экрана.
Добавить кнопки
В дереве содержимого экрана выберите любой узел Панель команд.
В верхней части области Конструктор экрана выберите Добавить элемент макета, а затем щелкните Кнопка.
Кнопка появится под узлом Панель команд.
Добавьте код, который запускается, когда пользователь нажимает кнопку. Для получения дополнительной информации см. Практическое руководство. Добавление пользовательской команды на экран Silverlight.
Добавление элементов
Перетащите элемент (например, поле или команду) из области Список элементов экрана в разделе Конструктор экрана в нужное место в дереве содержимого экрана.
Совет
Дерево содержимого экрана отражает иерархию объектов экрана, которые показаны в средней части конструктора.
При перетаскивании элемента курсор мыши показывает, можно ли поместить его в данном месте. Изменение курсора мыши на круг, пересеченный косой чертой, означает, что элемент невозможно расположить в этом месте.
На экран также можно добавлять настраиваемые поля. Для получения дополнительной информации см. Практическое руководство. Добавление локального свойства на экран Silverlight.
Удаление элементов
В дереве содержимого экрана выберите элемент (например, поле или команду), который требуется удалить с экрана.
В верхней части дерева содержимого экрана нажмите кнопку Удалить.
Перемещение элементов
В дереве содержимого экрана перетащите элемент (например, поле или команду) в нужное место в списке элементов.
Например, перетащите поле PostalCode, чтобы поместить его под полем Country, или перетащите кнопку Изменить, чтобы поместить ее над кнопкой Удалить.
Примечание
При перетаскивании поля курсор мыши показывает, можно ли расположить элемент в данном месте.Изменение курсора мыши на круг, пересеченный косой чертой, означает, что элемент невозможно расположить в этом месте.
Изменение отображаемого имени элемента
В дереве содержимого экрана выберите элемент (например, поле или команду).
В окне Свойства выделите текстовое поле под элементом Отображаемое имя и введите требуемое имя для элемента.
Изменение отображаемого имени не приводит к изменению имени элемента. Меняется только имя элемента, которое отображается на экране.
Изменение положения подписи элемента
В дереве содержимого экрана выберите требуемое поле.
В окне Свойства щелкните раскрывающийся список в группе Положение подписи и выберите требуемое место.
В таблице ниже представлено описание каждого из этих параметров.
Положение подписи
Описание
Выравнивание по левому краю
Подпись отображается слева от элемента управления.
Выравнивание по правому краю
Подпись отображается справа от элемента управления.
По верхнему краю
Подпись отображается над элементом управления.
Bottom
Подпись отображается под элементом управления.
Нет
Для выбранного поля данных подпись не отображается.
Свернуто
Поле помещается в место, которое в противном случае было бы зарезервировано для подписи.
Изменение размера элемента
В дереве содержимого экрана выберите элемент (например, поле или команду).
В окне Свойства в разделе Изменение размера выберите нужную ширину и высоту элемента управления.
Дополнительные сведения о каждом параметре см. в разделе Справочные материалы. Свойства конструктора экрана.
Отображение или скрытие элемента
В дереве содержимого экрана выберите элемент (например, поле или команду).
В окне Свойства установите или снимите флажок свойства Является видимым.
Если выбран пункт Является видимым, элемент отображается на экране при запуске приложения. Если пункт Является видимым не выбран, элемент не отображается на экране при запуске приложения.
Примечание
Подпись (Не отображается) показана рядом с элементами, которые не видны на экране при запуске приложения.
Изменение типа элемента управления для элемента
В дереве содержимого экрана выберите раскрывающийся список рядом с элементом.
Выберите в раскрывающемся списке требуемый тип элемента управления.
Большинство типов элементов управления являются встроенными элементами управления. Можно также задать тип пользовательского элемента управления, созданного при помощи других средств. Дополнительные сведения о пользовательских элементах управления см. в разделе Практическое руководство. Добавление настраиваемого элемента управления на экран Silverlight.
Добавление пользовательского элемента управления на экран
В дереве содержимого экрана выберите любую группу.
В верхней части области Конструктор экрана выберите команду Добавить элемент макета, а затем щелкните Пользовательский элемент управления.
Для получения дополнительной информации см. Практическое руководство. Добавление настраиваемого элемента управления на экран Silverlight.
Отмена изменений
В меню Правка выберите пункт Отменить.
Совет
При случайной отмене изменения в области Конструктор экрана выберите команду Вернуть в меню Правка.
Изменение параметров отображения данных в коллекции при первой загрузке экрана
В области Список элементов экрана раздела Конструктор экрана выделите заголовок коллекции (например, заголовок OrderCollection).
В окне Свойства снимите флажок Автоматически выполнять запрос, если не требуется, чтобы в коллекции отображались какие-либо данные при открытии экрана. Установите флажок Автоматически выполнять запрос, чтобы отображать данные в коллекции при открытии экрана.
Включение и отключение постраничного просмотра
В области Список элементов экрана раздела Конструктор экрана выделите заголовок коллекции (например, заголовок OrderCollection).
В окне Свойства снимите флажок Поддержка разбивки на страницы, чтобы пользователям были видны все строки, возвращаемые запросом, даже в большой коллекции строк. Установите флажок Поддержка разбивки на страницы, чтобы ограничить количество записей, отображаемых для пользователя, если запрос возвращает большое количество записей.
Если выбран пункт Поддержка разбивки на страницы, в разделе Чисто отображаемых элементов на странице укажите число строк, которые должны отображаться пользователю.
Примечание
Пользователи могут перемещаться по наборам строк, щелкая ссылки на экране.
Включение и отключение сортировки
В области Список элементов экрана раздела Конструктор экрана выделите заголовок коллекции (например, заголовок OrderCollection).
В окне Свойства снимите флажок Поддержка сортировки, если не требуется, чтобы пользователи могли сортировать данные, отображаемые в коллекции. Установите флажок Поддержка разбивки на страницы, чтобы разрешить пользователям сортировать данные, которые отображаются для коллекции.
Включение и отключение поиска
В области Список элементов экрана раздела Конструктор экрана выделите заголовок коллекции (например, заголовок OrderCollection).
В окне Свойства снимите флажок Поддержка поиска, если не требуется, чтобы над коллекцией отображалось поле поиска. Установите флажок Поддержка поиска, чтобы над коллекцией отображалось поле поиска.
См. также
Задачи
Практическое руководство. Настройка экрана Silverlight в выполняющемся приложении
Практическое руководство. Добавление локального свойства на экран Silverlight
Практическое руководство. Добавление пользовательской команды на экран Silverlight
Практическое руководство. Добавление данных на экран