Элементы управления

Обзор примера

Пользовательский интерфейс мультиплатформенного приложения .NET (.NET MAUI) создается из объектов, которые сопоставляются с собственными элементами управления каждой целевой платформы.

Основными группами элементов управления, используемыми для создания пользовательского интерфейса приложения .NET MAUI, являются страницы, макеты и представления. Страница .NET MAUI обычно занимает весь экран или окно. Страница обычно содержит макет, содержащий представления и, возможно, другие макеты. Страницы, макеты и представления являются производными от VisualElement класса. Этот класс предоставляет различные свойства, методы и события, которые полезны в производных классах.

Примечание.

ListView также TableView поддерживает использование ячеек. Ячейки являются специализированными элементами, используемыми для элементов в таблице, которые описывают способ отрисовки каждого элемента.

Pages

Приложения .NET MAUI состоят из одной или нескольких страниц. Страница обычно занимает все экран или окно, и каждая страница обычно содержит по крайней мере один макет.

.NET MAUI содержит следующие страницы:

Страница	Description
ContentPage	ContentPage отображает одно представление и является наиболее распространенным типом страницы. Дополнительные сведения см. в разделе ContentPage.
FlyoutPage	FlyoutPage — это страница, которая управляет двумя связанными страницами информации — всплывающей страницой, которая представляет элементы, а также страница сведений о элементах на всплывающей странице. Дополнительные сведения см. в разделе FlyoutPage.
NavigationPage	NavigationPage предоставляет иерархическую навигацию, в которой вы можете перемещаться по страницам, вперед и назад, по мере необходимости. Дополнительные сведения см. в разделе NavigationPage.
TabbedPage	TabbedPage состоит из ряда страниц, которые доступны для навигации по вкладкам в верхней или нижней части страницы, с каждой вкладкой, загружающей содержимое страницы. Дополнительные сведения см. в разделе TabbedPage.

Макеты

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

.NET MAUI содержит следующие макеты:

Макет	Description
AbsoluteLayout	AbsoluteLayout размещает дочерние элементы в определенные расположения относительно его родительского элемента. Дополнительные сведения см. в разделе AbsoluteLayout.
BindableLayout	BindableLayout позволяет любому классу макета создавать его содержимое путем привязки к коллекции элементов с параметром задать внешний вид каждого элемента. Дополнительные сведения см. в разделе BindableLayout.
FlexLayout	FlexLayout позволяет дочерним элементам быть сложены или упакованы с различными параметрами выравнивания и ориентации. FlexLayout основан на модуле гибкого макета CSS, известном как гибкий макет или гибкий прямоугольник. Дополнительные сведения см. в разделе FlexLayout.
Grid	Grid помещает его дочерних элементов в сетке из строк и столбцов. Дополнительные сведения см. в разделе "Сетка".
HorizontalStackLayout	HorizontalStackLayout позиционирует дочерние элементы в горизонтальном стеке. Дополнительные сведения см. в разделе HorizontalStackLayout.
StackLayout	StackLayout позиционирует дочерние элементы в вертикальном или горизонтальном стеке. Дополнительные сведения см. в статье StackLayout.
VerticalStackLayout	VerticalStackLayout позиционирует дочерние элементы в вертикальном стеке. Дополнительные сведения см. в разделе VerticalStackLayout.

Представления

Представления MAUI .NET — это объекты пользовательского интерфейса, такие как метки, кнопки и ползунки, которые обычно называются элементами управления или мини-приложениями в других средах .

.NET MAUI содержит следующие представления:

Представления	Description
ActivityIndicator	ActivityIndicator использует анимацию, чтобы показать, что приложение участвует в длительном действии, не указывая на ход выполнения. Дополнительные сведения см. в разделе ActivityIndicator.
BlazorWebView	BlazorWebView позволяет разместить веб-приложение Blazor в приложении .NET MAUI. Дополнительные сведения см. в разделе BlazorWebView.
Border	Border — это элемент управления контейнера, который рисует границу, фон или оба элемента управления вокруг другого элемента управления. Дополнительные сведения см. в разделе Border.
BoxView	BoxView рисует прямоугольник или квадрат, заданной ширины, высоты и цвета. Дополнительные сведения см. в разделе BoxView.
Button	Button отображает текст и реагирует на касание или щелчок, который направляет приложение для выполнения задачи. Дополнительные сведения см. в разделе "Кнопка".
CarouselView	CarouselView отображает прокручиваемый список элементов данных, где пользователи проводите пальцем для перемещения по коллекции. Дополнительные сведения см. в разделе CarouselView.
CheckBox	CheckBox позволяет выбрать логическое значение с помощью типа кнопки, которая может быть проверена или пуста. Дополнительные сведения см. в разделе CheckBox.
CollectionView	CollectionView отображает список прокручиваемых элементов данных с использованием различных спецификаций макета. Дополнительные сведения см. в разделе CollectionView.
ContentView	ContentView — это элемент управления, позволяющий создавать пользовательские, многократно используемые элементы управления. Дополнительные сведения см. в разделе ContentView.
DatePicker	DatePicker позволяет выбрать дату с помощью средства выбора дат платформы. Дополнительные сведения см. в разделе DatePicker.
Editor	Editor позволяет вводить и изменять несколько строк текста. Дополнительные сведения см. в редакторе.
Ellipse	Ellipse отображает многоточие или круг. Дополнительные сведения см. в разделе Ellipse.
Entry	Entry позволяет вводить и изменять одну строку текста. Дополнительные сведения см. в разделе "Запись".
Frame	Frame используется для упаковки представления или макета с границой, которая может быть настроена с цветом, тенью и другими параметрами. Дополнительные сведения см. в разделе Frame.
GraphicsView	GraphicsView — это графический холст, на котором можно нарисовать 2D-графику с помощью типов из Microsoft.Maui.Graphics пространства имен. Дополнительные сведения см. в разделе GraphicsView.
Image	Image отображает изображение, которое можно загрузить из локального файла, URI, внедренного ресурса или потока. Дополнительные сведения см. в разделе "Изображение".
ImageButton	ImageButton отображает изображение и реагирует на касание или щелчок, который направляет приложение для выполнения задачи. Дополнительные сведения см. в разделе ImageButton.
IndicatorView	IndicatorView отображает индикаторы, представляющие количество элементов в объекте CarouselView. Дополнительные сведения см. в разделе IndicatorView.
Label	Label отображает однострочный и многострочный текст. Дополнительные сведения см. в разделе "Метка".
Line	Line отображает строку от начальной точки до конечной точки. Дополнительные сведения см. в разделе Line.
ListView	ListView отображает прокручиваемый список элементов данных, доступных для выбора. Дополнительные сведения см. в разделе ListView.
Map	Map отображает карту и требует установки пакета NuGet Microsoft.Maui.Controls.Maps в приложении.
Path	Path отображают кривые и сложные фигуры. Дополнительные сведения см. в разделе "Путь".
Picker	Picker отображает короткий список элементов, из которых можно выбрать элемент. Дополнительные сведения см. в разделе "Выбор".
Polygon	Polygon отображает многоугольник. Дополнительные сведения см. в разделе Polygon.
Polyline	Polyline отображает ряд подключенных прямых линий. Дополнительные сведения см. в разделе Polyline.
ProgressBar	ProgressBar использует анимацию, чтобы показать, что приложение выполняется с помощью длительного действия. Дополнительные сведения см. в разделе ProgressBar.
RadioButton	RadioButton — это тип кнопки, которая позволяет выбрать один параметр из набора. Дополнительные сведения см. в разделе RadioButton.
Rectangle	Rectangle отображает прямоугольник или квадрат. Дополнительные сведения см. в разделе "Прямоугольник".
RefreshView	RefreshView — это элемент управления контейнером, предоставляющий функции извлечения и обновления для прокручиваемого содержимого. Дополнительные сведения см. в разделе RefreshView.
RoundRectangle	RoundRectangle отображает прямоугольник или квадрат с округленными углами. Дополнительные сведения см. в разделе "Прямоугольник".
ScrollView	ScrollView обеспечивает прокрутку содержимого, которое обычно является макетом. Дополнительные сведения см. в разделе ScrollView.
SearchBar	SearchBar — это элемент управления входным вводом пользователя, используемый для запуска поиска. Дополнительные сведения см. в разделе SearchBar.
Slider	Slider позволяет выбрать double значение из непрерывного диапазона. Дополнительные сведения см. в разделе "Ползунок".
Stepper	Stepper позволяет выбрать double значение из диапазона добавочных значений. Дополнительные сведения см. в разделе Stepper.
SwipeView	SwipeView — это элемент управления контейнером, который обтекает элемент содержимого и предоставляет элементы контекстного меню, которые отображаются жестом прокрутки. Дополнительные сведения см. в разделе SwipeView.
Switch	Switch позволяет выбрать логическое значение с помощью типа кнопки, которая может быть включена или отключена. Дополнительные сведения см. в разделе Switch.
TableView	TableView отображает таблицу прокручиваемых элементов, которые можно сгруппировать в разделы. Дополнительные сведения см. в статье TableView.
TimePicker	TimePicker позволяет выбрать время с помощью средства выбора времени платформы. Дополнительные сведения см. в разделе TimePicker.
TwoPaneView	TwoPaneView представляет контейнер с двумя представлениями, размером и размещением содержимого в доступном пространстве, параллельно или сверху вниз. Дополнительные сведения см. в разделе TwoPaneView.
WebView	WebView отображает веб-страницы или локальное HTML-содержимое. Дополнительные сведения см. в разделе WebView.