Что такое элемент управления
Элемент управления
Элеме́нты интерфе́йса — примитивы графического интерфейса пользователя, имеющие стандартный внешний вид и выполняющие стандартные действия.
Известны также под именем ви́джеты (англ. widget ), контро́лы ( control ) и элементы управления.
Содержание
Происхождение термина Виджет
Слово «widget» впервые фиксируется в 1926 году в том же значении, что и gadget — «приспособление, штуковина». Предполагают, что на его форму повлияло gadget, а происходит он из which it — «этот, как его».
Слово «Виджет» так же используется и как название класса вспомогательных мини-программ — графических модулей, которые размещаются в рабочем пространстве соответствующей родительской программы и служат для украшения рабочего пространства, развлечения, решения отдельных рабочих задач, или быстрого получения информации из интернета без помощи веб-браузера.
Типовые элементы интерфейса
В большинстве существует стандартный набор элементов интерфейса, включающий следующие контролы:
Библиотеки элементов интерфейса
В каждой оконной системе существует свой набор «родных» элементов, с интерфейсом для работы с ними — на низком уровне. Одни библиотеки элементов управления — это высоко-уровневые «обертки» к стандартным контролам, упрощающие работу с ними и расширяющие их функциональность, некоторые из них предоставляют единый программный интерфейс для программирования интерфейса пользователя в нескольких платформах или оконных системах, и с целью обеспечения кросс-платформенности приводят их к единому для всех платформ API. Другие предоставляют кросс-платформенные возможности за счёт собственной, платформо-независимой, реализации элементов управления.
обеспечивают обновление данных через Internet-GPRS. Преимущества виджетов в мобильном телефоне: Вам достаточно одного клика, чтобы воспользоваться интересующим вас сервисом; виджеты работают быстрее, чем обычный Web браузер или Java приложение, вы экономите GPRS трафик; вы выбираете те сервисы и виджеты, которые нужны именно Вам.
Введение в работу с элементами управления и шаблонами
В разработке приложений для Windows элемент управления — это элемент пользовательского интерфейса, отображающий содержимое или обеспечивающий взаимодействие. Пользовательский интерфейс приложения, используемый для отображения и ввода данных пользователем, создается с помощью элементов управления, таких как кнопки, текстовые поля и поля со списком.
Шаблон — это макет для изменения элемента управления или объединения нескольких элементов управления, позволяющий получить что-то новое. Например, с помощью шаблона Список и подробные сведения можно использовать элемент управления SplitView для навигации по приложению. Аналогичным образом, вы можете настроить шаблон элемента управления NavigationView, чтобы реализовать шаблон вкладки.
В большинстве случаев элемент управления можно использовать в его исходном виде. Однако элементы управления XAML отделяют функционал приложения от его структуры и внешнего вида, поэтому вы можете вносить изменения разной степени, чтобы элементы управления соответствовали вашим целям. В разделе Стиль приведены инструкции по использованию Стилей XAML и шаблонов элементов управления для изменения элемента управления.
Этот раздел содержит руководство по каждому элементу управления XAML, которые можно использовать для создания пользовательского интерфейса вашего приложения. Сначала в этой статье рассказывается, как добавлять элементы управления в приложение. Три основных действия для добавления элементов управления в приложение:
Добавление элемента управления
Вы можете добавить элемент управления в приложение следующими способами.
В Visual Studio при добавлении в приложение элементов управления и работе с ними вы можете использовать различные функции этой программы, в том числе панель элементов, конструктор XAML, редактор XAML и окно «Свойства».
На панели элементов в Visual Studio отображаются различные элементы управления, которые можно использовать в приложении. Чтобы добавить элемент управления в приложение, дважды щелкните его на панели элементов. Например, дважды щелкнув элемент управления TextBox, вы добавите этот код XAML в представление XAML.
Вы также можете перетащить элемент управления с панели элементов в конструктор XAML.
Задание имени элемента управления
Чтобы работать с элементом управления в коде, вам нужно задать его атрибут x:Name и ссылаться на этот элемент в коде по имени. Имя можно задать в окне Свойства Visual Studio или в коде XAML. Вот как можно задать имя выбранному в данный момент элементу управления, используя текстовое поле Имя в верхней части окна Свойства.
Задание имени элемента управления
Вот как можно задать имя элемента управления при помощи добавления атрибута x:Name в редакторе XAML.
Задание свойств элемента управления
С помощью свойств задаются параметры отображения, содержимое и другие атрибуты элементов управления. Когда вы добавляете элемент управления при помощи средства разработки, Visual Studio может задать вместо вас некоторые свойства, управляющие размером, положением и содержимым этого элемента. Чтобы изменить значения некоторых свойств, например Width, Height или Margin, выберите элемент управления в представлении конструирования, а затем выполните необходимые действия. На следующем рисунке показаны инструменты для изменения размера в представлении конструирования.
Возможно, вы захотите, чтобы значения размера и положения для элемента управления задавались автоматически. В таком случае вы можете сбросить свойства размера и положения и выбрать значения по умолчанию.
Вы можете задать свойства элемента управления в окне «Свойства», XAML или коде. Например, чтобы задать цвет переднего плана для элемента «Button», необходимо изменить свойство «Foreground» элемента управления. На следующем рисунке показано, как задать свойство «Foreground» при помощи палитры в окне «Свойства».
Вот как можно задать свойство «Foreground» в редакторе XAML. Обратите внимание на окно функции IntelliSense в Visual Studio, в котором открывается справка по синтаксису.
Ниже показан код на XAML с заданным значением свойства «Foreground».
Ниже показано, как задать значение свойства «Foreground» в коде.
Создание обработчика событий
У каждого элемента управления есть события, которые позволяют вам реагировать на действия пользователя или другие изменения в вашем приложении. Например, элемент управления «Button» имеет событие «Click», которое вызывается, когда пользователь нажимает на эту кнопку. Чтобы обработать событие, нужно создать метод, который называется обработчиком событий. Вы можете связать событие элемента управления с методом обработчика событий в окне «Свойства», в XAML или в коде. Подробнее о событиях см. в разделе Общие сведения о событиях и перенаправленных событиях.
Чтобы создать обработчик событий, выберите элемент управления и щелкните вкладку «События» в верхней части окна «Свойства». В окне «Свойства» перечислены все события, доступные для выбранного элемента управления. Вот некоторые события для элемента «Button».
Кроме того, обработчик событий можно указать и в XAML. В редакторе XAML введите имя события, которое следует обработать. Когда вы начнете вводить имя, Visual Studio покажет окно функции IntelliSense. После выбора события дважды щелкните пункт в окне функции IntelliSense, чтобы создать новый обработчик событий с именем по умолчанию, или выберите в списке существующий обработчик событий.
Ниже показано открывшееся окно функции IntelliSense. Оно поможет создать новый обработчик событий или выбрать существующий.
В этом примере показано, как связать событие»Click» с обработчиком событий Button_Click в XAML.
Вы также можете связать событие с обработчиком событий в файле кода программной части. Ниже показано, как связать обработчик событий в коде.
Общие сведения об элементах управления
Примечание: Мы стараемся как можно оперативнее обеспечивать вас актуальными справочными материалами на вашем языке. Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Просим вас уделить пару секунд и сообщить, помогла ли она вам, с помощью кнопок внизу страницы. Для удобства также приводим ссылку на оригинал (на английском языке).
Все формы Microsoft Office InfoPath, заполняемые пользователями, основываются на основном шаблоне формы. Шаблон формы определяет внешний вид и работу результирующей формы.
При заполнении форм пользователи вводят данные, вводя их в виде текстовых полей, выбирая элементы в списке, щелкая флажки и выполняя другие действия. Графические объекты пользовательского интерфейса, с которыми работают пользователи, называются элементами управления. Элементы управления используются для отображения данных или вариантов, выполнения действий или упрощения чтения пользовательского интерфейса формы.
Помимо стандартных элементов управления, таких как надписи и списки, InfoPath включает ряд новых элементов управления, таких как повторяющиеся таблицы, группы выбора и дополнительные разделы. Эти типы элементов управления позволяют проектировать гибкий шаблон формы, который будет подражать пользователей. Например, в шаблоне формы отчета о расходах можно использовать повторяющуюся таблицу, чтобы позволить пользователям вводить столько элементов расхода, сколько нужно.
Информация, которую пользователи вводят в элемент управления, хранится в источник данных формы. При разработке шаблона формы обычно используется область задач элементы управления для вставки элементов управления, хотя вы также можете вставлять элементы управления, перетаскивая поля и группы из области задач источник данных в шаблон формы.
Вы можете настроить внешний вид элемента управления, включая шрифт, цвет и выравнивание текста в элементе управления, значение по умолчанию элемента управления и тип данных, а также другие свойства, такие как всплывающая подсказка, которое отображается, когда пользователь наводит указатель мыши на управления. Вы также можете настроить поведение элемента управления, например возможность фильтрации данных или ответа на правила.
Совет: Чтобы просмотреть свойства элемента управления, дважды щелкните элемент управления в шаблоне формы.
В этой статье
Элементы управления и источник данных
Практически все элементы управления в форме InfoPath связаны с источником данных в шаблоне формы или привязаны к нему. Большинство элементов управления, в том числе текстовых полей, флажков и списков, привязаны к полям в источнике данных. Если элемент управления не привязан к источнику данных или, если он привязан неправильно, данные, введенные в этот элемент управления, невозможно правильно сохранить в исходном файле формы (XML).
При проектировании шаблона формы InfoPath можно задать автоматическое создание полей в источнике данных при каждом добавлении элемента управления или вручную привязать каждый элемент управления к существующему полю отдельно.
В следующем примере конструктор форм вставляет текстовое поле Last Name в шаблон формы. Надпись будет привязана к полю LastName в источнике данных шаблона формы.
Вместе тип элемента управления и связанное с ним поле определяют тип данных, которые пользователи могут вводить в элемент управления, а также способ их ввода пользователями. Например, если в шаблоне формы, связанном с полем с датой тип данных, есть элемент управления «Выбор даты», пользователи смогут вводить только даты в этот элемент управления. Если при попытке ввести другие данные, например имя или адрес, в этот элемент управления, в InfoPath будет показана ошибка проверки данных.
Примечание: В дополнение к основному источнику данных для шаблона формы, вы можете создавать подключения к данным в XML-документах, базах данных, веб-службах и библиотеках и списках Microsoft Windows SharePoint Services. Это подключение к данным приводит к дополнительным источникам данных, которые можно использовать для заполнения списков и предоставления значений для текстовых полей и других элементов управления.
Способы вставки элементов управления в шаблон формы
При разработке шаблона формы вы можете использовать область задач элементы управления для вставки элементов управления. Вы можете настроить автоматическое создание источника данных шаблона формы при вставке элемента управления, в этом случае автоматически создается поле или группа в источнике данных для каждого добавляемого элемента управления. Кроме того, вы можете связать каждый элемент управления с существующим полем или группой в источнике данных шаблона формы. Если выбрать этот параметр, при вставке элемента управления вам будет предложено выбрать поле или группу из источника данных.
Кроме того, вы можете вставлять элементы управления, перетаскивая поля и группы из области задач источник данных в шаблон формы. Каждый раз, когда вы перемещаете поле или группу в шаблон формы, InfoPath предлагает элемент управления, который лучше всего подходит для этого поля или группы. Например, если поле имеет тип данных «Дата», InfoPath предлагает элемент управления «Выбор даты».
Типы элементов управления
Область задач элементы управления содержит более 30 разных элементов управления, которые можно добавить в шаблон формы. Эти элементы управления можно группировать по следующим категориям:
Стандартные элементы управления
Повторяющиеся и необязательные элементы управления
Элементы управления файлами и рисунками
Дополнительные элементы управления
Пользовательские элементы управления
В приведенных ниже таблицах описывается назначение каждого элемента управления.
Стандартные элементы управления
Стандартные элементы управления включают элементы управления, которые обычно связываются при сборе и отображении данных. Эти элементы управления включают надписи, списки, флажки и кнопки.
Наиболее часто используемый элемент управления в форме. Пользователи могут вводить неформатированный текст в текстовом поле, например предложения, имена, числа, даты и время. Текстовые поля не могут содержать форматированный текст.
Поле форматированного текста
Элемент управления, который может содержать форматированный текст, включая полужирный или курсивный текст, а также различные шрифты, размер шрифта и цвета шрифта. Кроме того, пользователи могут вставлять в поле форматированного текста изображения, списки и таблицы.
Элемент управления, который предоставляет пользователям список вариантов выбора в поле. Для выбора элемента из списка Пользователи щелкают стрелку, чтобы открыть список вариантов. Варианты выбора можно получить из списка, созданного вручную, из значений в источнике данных формы или из значений, полученных из подключения к данным в XML-документ, базу данных, веб-службу или библиотеку SharePoint или список.
Элемент управления, который предоставляет пользователям список вариантов выбора в поле, из которого пользователи выбирают нужный элемент или вводят свои собственные. Варианты выбора можно получить из списка, созданного вручную, из значений в источнике данных формы или из значений, полученных из подключения к данным в XML-документ, базу данных, веб-службу или библиотеку SharePoint или список.
Элемент управления, который предоставляет пользователям список вариантов выбора в поле, из которого пользователи выбирают нужный элемент. Варианты выбора можно получить из списка, созданного вручную, из значений в источнике данных формы или из значений, полученных из подключения к данным в XML-документ, базу данных, веб-службу или библиотеку SharePoint или список.
Элемент выбора даты
Элемент управления, содержащий поле, в котором пользователи могут вводить даты и кнопку календаря, позволяющую пользователю выбрать дату.
Элемент управления, который позволяет пользователям задать значения «да/нет» или «истина/ложь», добавив или удалив флажок в маленьком квадрате.
Элемент управления, который позволяет пользователям выбирать из набора взаимоисключающих вариантов. При выборе одного переключателя в группе удаляются другие переключатели. Группа переключателей привязывается к одному полю в источнике данных, а каждый переключатель сохраняет в этом поле другое значение.
Элемент управления, который можно использовать для отправки формы или запроса в базу данных (среди прочего). Вы также можете связать кнопку с правилами или настраиваемым кодом, который запускается, когда пользователь нажимайте кнопку.
Повторяющиеся и необязательные элементы управления
Повторяющиеся и необязательные элементы управления включают элементы управления списками, повторяющиеся таблицы, повторяющиеся и дополнительные разделы. Эти элементы управления позволяют пользователям вставлять элементы списка, строки, наборы записей и дополнительные сведения при заполнении формы.
Элемент управления, который является контейнером для других элементов управления и полезен для добавления дополнительной информации, которая не требуется для заполнения всех пользователей. При заполнении формы, которая включает дополнительный раздел, пользователи могут выбрать, нужно ли включать в форму дополнительный раздел.
Элемент управления, который является контейнером для других элементов управления и полезен для представления данных на основе записей, например записей в базе данных сотрудников. При заполнении формы, которая содержит повторяющийся раздел, пользователи могут добавлять дополнительные вхождения повторяющегося раздела.
Элемент управления, отображающий повторяющиеся данные в виде табличной структуры. Каждый элемент отображается в новой строке повторяющейся таблицы. При заполнении формы пользователи могут при необходимости добавлять или удалять строки в повторяющейся таблице. Повторяющиеся таблицы могут содержать другие элементы управления.
Горизонтальная повторяющаяся таблица
Элемент управления, отображающий повторяющиеся данные в виде табличной структуры. Каждый элемент отображается в новом столбце повторяющейся таблицы. При заполнении формы при необходимости пользователи могут добавлять и удалять столбцы в повторяющейся таблице. Горизонтальные повторяющиеся таблицы могут содержать другие элементы управления.
Элемент управления, который на самом деле является набором повторяющихся элементов управления, которые непосредственно связаны друг с другом. Элемент управления «основной» всегда является повторяющейся таблицей, а элемент управления «Подробности» может быть либо повторяющейся таблицей, либо повторяющимся разделом. Элементы управления «основной/подробности» помогают пользователям эффективнее работать с большим объемом данных. Например, если в шаблоне формы отображаются записи базы данных сотрудников, вы можете указать, что в главном элементе управления должны отображаться только подмножество сведений о каждом из сотрудников. Затем, когда пользователь выбирает запись (строку) в элементе управления «основной», элемент «подробности» может отобразить более подробные сведения о сотруднике.
Элемент управления, позволяющий пользователям добавлять и удалять элементы маркированного списка в форме, если это необходимо. Элементы управления маркированными списками — это хороший способ включения простого текста, повторяемого, например списка элементов действий в шаблоне формы повестки собрания.
Элемент управления, позволяющий пользователям добавлять или удалять элементы нумерованного списка в форме по мере необходимости. Элементы управления нумерованными списками — это хороший способ включения простого текста, повторяемого и обозначающего порядок сортировки, например список элементов повестки в шаблоне формы Повестка собрания.
Элемент управления, позволяющий пользователям добавлять или удалять элементы списка в форме по мере необходимости. Элементы управления простым списком — это хороший способ включить простой текст, повторяемый, например список имен участников в шаблоне формы приглашения на собрание.
Список, разрешающий несвязный выбор нескольких строк.
Элемент управления, который предоставляет пользователю список вариантов выбора, выводится как прокручиваемый список флажков. Пользователи могут выбрать столько флажков, сколько нужно, и даже добавить пользовательские записи в зависимости от того, как предназначен шаблон формы.
Элементы управления файлами и рисунками
Вы можете создать шаблон формы так, чтобы пользователи могли вставлять вложенные файлы или изображения при заполнении форм, основанных на шаблоне формы. Кроме того, пользователи, заполняющие формы InfoPath на планшетном ПК, имеют преимущество от специального элемента управления «Рисунок от руки», который позволяет создавать и сохранять рисунки от руки.
Элемент управления, позволяющий пользователям вкладывать файлы в формы. Каждый элемент управления вложением файла допускает вложение одного файла, а при необходимости вы можете ограничить тип файла. Если пользователи хотят вложить несколько файлов, вы можете вставить элемент управления вложенным файлом в повторяющийся элемент управления.
Элемент управления, который может быть включен в шаблон формы в виде статического элемента, например заголовка или фона, или может разрешить пользователям вставлять рисунки как часть формы. Элементы управления рисунками могут хранить изображение на самой форме или хранить адрес (URL-адрес), указывающий на сохраненное расположение рисунка.
Элемент управления, который позволяет пользователям Tablet PC добавлять рисунки от руки в свои формы, как в самом элементе управления, так и в верхней части фонового изображения.
Дополнительные элементы управления
Улучшенные элементы управления — это элементы управления, которые могут использоваться реже, чем стандартные элементы управления или только в особых обстоятельствах.
Элемент управления, который можно использовать для связи с URL-адресом. Например, шаблон формы, в котором отображаются сведения о списке продуктов, может содержать гиперссылки на веб-страницы со сведениями о продукте. Элементы управления HyperLink могут указывать на любой веб-сервер либо в интрасети, либо в Интернете.
Элемент управления «текст только для чтения». Поля выражений можно использовать для отображения текста, предназначенного только для чтения, отображения значения другого элемента управления в форме или для создания формул на основе выражений XPath.
Текстовая метка, доступная только для чтения, которая отображается на уголе 90 в шаблоне формы. Вертикальные метки часто используются в качестве заголовков столбцов в повторяющихся таблицах.
Элемент управления, который содержит другие элементы управления, сохраняет фиксированный размер и включает полосы прокрутки, чтобы пользователи могли прокручивать экран, чтобы видеть невидимые данные. Области прокрутки особенно полезны, если раздел формы состоит из большого количества данных, и пользователи не должны просматривать их одновременно.
Элемент управления, содержащий другие элементы управления и который можно использовать для размещения в шаблоне других элементов управления рядом друг с другом.
Элемент управления, содержащий два или более разделов выбора, которые в свою очередь содержат другие элементы управления. Каждый раздел выбора в группе выбора служит одним вариантом в наборе взаимоисключающих вариантов. При заполнении формы пользователи могут заменить раздел выбора по умолчанию другим разделом выбора. Например, в шаблоне формы приложения для задания можно использовать группу выбора, чтобы разрешить пользователям вводить либо домашний, либо рабочий номер рабочего телефона для ссылок.
Повторяющаяся группа выбора
Элемент управления, отображающий два или более разделов выбора в повторяющейся структуре. При заполнении формы пользователи могут при необходимости добавлять, удалять и заменять дополнительные повторяющиеся группы выбора. Например, в шаблоне формы сведения о сотруднике вы можете использовать повторяющуюся группу выбора, чтобы позволить пользователям вводить несколько контактов для экстренной помощи. Для каждого контакта пользователь может заменить домашний адрес сведениями о рабочем адресе.
Элемент управления, который включает другие элементы управления и должен всегда отображаться внутри групп выбора или повторяющихся групп выбора. Разделы выбора полезны, если вам нужно добавить другие варианты в существующую группу выбора. Если вы вставляете раздел выбора в любое место, кроме группы выбора, InfoPath автоматически вставляет раздел выбора в новую группу выбора.
Повторяющийся рекурсивный раздел
Элемент управления, который включает другие элементы управления и может быть вставлен сам в себя. Повторяющиеся Рекурсивные разделы можно использовать для создания иерархического содержимого, например структуры.
Пользовательские элементы управления
С помощью мастера добавления элемента управления можно создавать пользовательские элементы управления, в том числе элементы управления Microsoft ActiveX и части шаблонов, доступные в InfoPath. Настраиваемый элемент управления — это по умолчанию, которое не включено в InfoPath.
Настраиваемый набор элементов управления, включающий макет, параметры свойств и некоторые аспекты поведения элемента управления, которые можно сохранить для повторного использования в нескольких шаблонах форм. После создания части шаблона вы можете импортировать ее в Режим конструктора с помощью мастера добавления настраиваемого элемента управления, чтобы использовать его в шаблоне формы.
Вопросы совместимости
Список с множественным выбором
Элементы управления «основной/подробности»
Элементы управления маркированными, нумерованными и простыми списками
Элементы управления рисунками и рисунками с рукописным вводом