Поделиться через

Практическое руководство. Разработка экрана Silverlight с помощью конструктора экрана

  • Статья

Можно изменить внешний вид экрана с помощью конструктора экрана.Конструктор экрана можно использовать для выполнения следующих задач разработки.

Задачи по разработке полей и команд

  • Добавление группы информации на экран.

  • Изменение макета группы.

  • Добавление кнопок.

  • Добавление элементов.

  • Удаление элементов.

  • Перемещение элементов.

  • Изменение отображаемого имени для элемента.

  • Изменение положения метки для элемента.

  • Изменение размера элемента.

  • Отображение или скрытие элемента.

  • Изменение типа элемента управления для элемента.

  • Добавление пользовательского элемента управления на экран.

  • Отмена изменений.

Задачи по разработке для коллекций данных

  • Изменение параметров отображения данных в коллекции при первой загрузке экрана.

  • Включение и отключение постраничного просмотра.

  • Включение и отключение сортировки.

  • Включение и отключение поиска.

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

Добавление группы информации на экран

  1. В дереве содержимого экрана выберите группу, в которую требуется добавить группу информации.

  2. В верхней части конструктора экрана выберите команду Добавить элемент макета, а затем щелкните Группа.

    Появится новая группа.

  3. Перетащите элементы в группу.Можно перетаскивать элементы из списка элементов экрана в конструкторе или из других областей дерева содержимого экрана.

Изменение макета группы

  1. В дереве содержимого экрана нажмите стрелку вниз рядом с группой, которую требуется изменить.

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

  2. Выберите в раскрывающемся списке элементов управления нужный тип элемента управления.

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

Добавление кнопок

  1. В дереве содержимого экрана выберите любой узел панели команд.

  2. В верхней части конструктора экрана выберите команду Добавить элемент макета, а затем щелкните Кнопка.

    Кнопка отображается под узлом Панель команд.

  3. Добавление кода, который запускается при нажатии пользователем кнопки.Дополнительные сведения см. в разделе Практическое руководство. Добавление пользовательской команды на экран Silverlight.

Добавление элементов

  • Перетащите элемент (например, поле или команду) из списка элементов экрана в конструкторе экрана в нужное место в дереве содержимого экрана.

    СоветСовет

    Дерево содержимого экрана отражает иерархию объектов экрана, которые показаны в средней части конструктора.

    При перетаскивании элемента курсор мыши показывает, можно ли поместить его в данном месте.Изменение курсора мыши на круг, пересеченный косой чертой, означает, что элемент нельзя поместить в этом месте.

    Также можно добавлять на экран пользовательские поля.Дополнительные сведения см. в разделе Практическое руководство. Добавление локального свойства на экран Silverlight.

Удаление элементов

  1. В дереве содержимого экрана выберите элемент (например, поле или команду), который требуется удалить с экрана.

  2. В верхней части окна Дерево содержимого экрана нажмите кнопку Удалить.

Перемещение элементов

  • В дереве содержимого экрана перетащите элемент (например, поле или команду) в нужное место в списке элементов.

    Например, перетащите поле PostalCode, чтобы поместить его под полем Country, или кнопку Изменить, чтобы поместить ее над кнопкой Удалить.

    ПримечаниеПримечание

    При перетаскивании поля курсор мыши показывает, можно ли поместить элемент в данном месте.Изменение курсора мыши на круг, пересеченный косой чертой, означает, что элемент нельзя поместить в этом месте.

Изменение отображаемого имени элемента

  1. В дереве содержимого экрана выберите элемент (например, поле или команду).

  2. В окне Свойства выделите текстовое поле Отображаемое имя и введите нужное имя для элемента.

    Изменение отображаемого имени не приводит к изменению имени элемента.Меняется только имя элемента, отображаемое на экране.

Изменение положения метки для элемента

  1. В дереве содержимого экрана выберите нужное поле.

  2. В окне Свойства щелкните раскрывающийся список в группе Положение метки и выберите нужное место.

    В приведенной ниже таблице описывается каждый из этих параметров.

    Положение метки

    Описание

    Выравнивание по левому краю

    Метка отображается слева от элемента управления.

    Выравнивание по правому краю

    Метка отображается справа от элемента управления.

    Top

    Метка отображается над элементом управления.

    Bottom

    Метка отображается под элементом управления.

    None

    Для выбранного поля данных метка не отображается.

    Collapsed

    Поле помещается в месте, которое в противном случае было бы зарезервировано для метки.

Изменение размера элемента

  1. В дереве содержимого экрана выберите элемент (например, поле или команду).

  2. В окне Свойства в разделе Изменение размера выберите нужную ширину и высоту элемента управления.

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

Отображение и скрытие элемента

  1. В дереве содержимого экрана выберите элемент (например, поле или команду).

  2. В окне Свойства установите или снимите флажок свойства Видимый.

    Если флажок Видимый установлен, элемент отображается на экране при запуске приложения.Если флажок Видимый снят, элемент не отображается на экране при запуске приложения.

    ПримечаниеПримечание

    Метка (Не отображается) устанавливается рядом с элементами, которые не видны на экране при запуске приложения.

Изменение типа элемента управления для элемента

  1. В дереве содержимого экрана выберите раскрывающийся список рядом с элементом.

  2. Выберите в раскрывающемся списке нужный тип элемента управления.

    Большинство типов элементов управления являются встроенными элементами управления.Можно также задать тип настраиваемого элемента управления, созданного при помощи других средств.Дополнительные сведения о настраиваемых элементах управления см. в разделе Практическое руководство. Добавление настраиваемого элемента управления на экран Silverlight.

Добавление пользовательского элемента управления на экран

  1. В дереве содержимого экрана выберите любую группу.

  2. В верхней части конструктора экрана выберите команду Добавить элемент макета, а затем щелкните Пользовательский элемент управления.

    Дополнительные сведения см. в разделе Практическое руководство. Добавление настраиваемого элемента управления на экран Silverlight.

Отмена изменений

  • В меню Правка выберите пункт Отменить.

    СоветСовет

    При случайной отмене изменения в конструкторе экрана выберите команду Вернуть в меню Правка.

Изменение параметров отображения данных в коллекции при первой загрузке экрана

  1. В списке элементов экрана в конструкторе экрана выделите заголовок коллекции (например, заголовок OrderCollection).

  2. В окне Свойства снимите флажок Автоматически выполнять запрос, если не требуется, чтобы в коллекции отображались какие-либо данные при открытии экрана.Установите флажок Автоматически выполнять запрос, чтобы отображать данные в коллекции при открытии экрана.

Включение и отключение поcтраничного просмотра

  1. В списке элементов экрана в конструкторе экрана выделите заголовок коллекции (например, заголовок OrderCollection).

  2. В окне Свойства снимите флажок Постраничный просмотр, чтобы пользователям были видны все строки, возвращаемые запросом, даже в большой коллекции строк.Установите флажок Постраничный просмотр, чтобы ограничить количество записей, отображаемых для пользователя, если запрос возвращает большое количество записей.

  3. При выборе Поддержка разбивки на страницы в разделе Чисто отображаемых элементов на странице, укажите число строк должны отображаться пользователю.

    ПримечаниеПримечание

    Пользователи могут перемещаться по наборам строк, щелкая ссылки на экране.

Включение и отключение сортировки

  1. В списке элементов экрана в конструкторе экрана выделите заголовок коллекции (например, заголовок OrderCollection).

  2. В окне Свойства снимите флажок Поддержка сортировки, если не требуется, чтобы пользователи могли сортировать данные, отображаемые в коллекции.Установите флажок Постраничный просмотр, чтобы разрешить пользователям сортировать данные, которые отображаются для коллекции.

Включение и отключение поиска

  1. В списке элементов экрана в конструкторе экрана выделите заголовок коллекции (например, заголовок OrderCollection).

  2. В окне Свойства снимите флажок Поддержка поиска, если не требуется, чтобы над коллекцией отображалось поле поиска.Установите флажок Поддержка поиска, чтобы над коллекцией отображалось поле поиска.Дополнительные сведения о включении поиска данных для пользователей см. в разделе How to: Enable the User to Search Data.

См. также

Задачи

Практическое руководство. Настройка экрана Silverlight в выполняющемся приложении

Практическое руководство. Добавление локального свойства на экран Silverlight

Практическое руководство. Добавление пользовательской команды на экран Silverlight

Практическое руководство. Добавление данных на экран

Другие ресурсы

Экраны: пользовательский интерфейс приложения