.NET MAUI控件

控制

NET 多平台应用 UI (.NET MAUI) 应用的用户界面由映射到每个目标平台的本机控件的对象构成。

用于创建 .NET MAUI 应用用户界面的主要控件组是页面、布局和视图。 .NET MAUI 页通常占据全屏或窗口。 页面通常包含一个布局,其中包含视图和可能的其他布局。 页面、布局和视图派生自 VisualElement 类。 此类提供各种在派生类中有用的属性、方法和事件。

页数

.NET MAUI 应用由一个或多个页面组成。 页面通常占据所有屏幕或窗口,并且每个页面通常至少包含一个布局。

.NET MAUI 包含以下页面:

页 说明
ContentPage ContentPage 显示单个视图,是最常见的页面类型。 有关详细信息,请参阅 ContentPage。
FlyoutPage FlyoutPage 是一个管理两个相关信息页的页面 - 一个显示项目的浮出控件页和一个显示浮出控件页面上项目详细信息的详细信息页。 有关详细信息,请参阅 FlyoutPage。
NavigationPage NavigationPage 提供分层导航体验,你可以在页面中根据需要向前和向后导航。 有关详细信息,请参阅 NavigationPage。
TabbedPage TabbedPage 由一系列页面组成,这些页面可通过页面顶部或底部的选项卡进行导航,每个选项卡都加载页面内容。 有关详细信息,请参阅 TabbedPage。
布局
.NET MAUI 布局用于将用户界面控件组合成可视结构,每个布局通常包含多个视图。 布局类通常包含用于设置子元素的位置和大小的逻辑。

.NET MAUI 包含以下布局:

布局 说明
AbsoluteLayout AbsoluteLayout 将子元素放置在相对于其父元素的特定位置。 有关详细信息,请参阅 AbsoluteLayout。
BindableLayout BindableLayout 允许任何布局类通过绑定到项集合来生成其内容,并使用 选项来设置每个项的外观。 有关详细信息,请参阅 BindableLayout。
FlexLayout FlexLayout 允许使用不同的对齐方式和方向选项堆叠或包装其子级。 FlexLayout 基于 CSS 灵活框布局模块,称为 弹性布局 或 弹性框。 有关详细信息,请参阅 FlexLayout。
Grid Grid 将其子元素放置在行和列网格中。 有关详细信息,请参阅 网格。
HorizontalStackLayout HorizontalStackLayout 将子元素放置在水平堆栈中。 有关详细信息,请参阅 HorizontalStackLayout。
StackLayout StackLayout 将子元素放置在垂直或水平堆栈中。 有关详细信息,请参阅 StackLayout。
VerticalStackLayout VerticalStackLayout 将子元素放置在垂直堆栈中。 有关详细信息,请参阅 VerticalStackLayout。
视图
.NET MAUI 视图是 UI 对象,如标签、按钮和滑块,这些对象在其他环境中通常称为 控件 或 小组件 。

.NET MAUI 包含以下视图:

视图 说明

ActivityIndicator ActivityIndicator 使用动画来显示应用正在参与冗长的活动,而不指示任何进度。
有关详细信息,请参阅 ActivityIndicator。 BlazorWebView BlazorWebView 使你能够在 .NET
MAUI 应用中托管 Blazor Web 应用。 有关详细信息,请参阅 BlazorWebView。 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 是一个图形画布,可以使用 命名空间中的
Microsoft.Maui.Graphics 类型在其上绘制 2D 图形。 有关详细信息,请参阅 GraphicsView。
Image Image 显示可从本地文件、URI、嵌入资源或流加载的图像。 有关详细信息,请参阅 图像。
ImageButton ImageButton 显示图像并响应点击或单击以指示应用执行任务。 有关详细信息,请参阅 ImageButton。
IndicatorView IndicatorView 显示表示 中项数的 CarouselView指示器。 有关详细信息,请参阅
IndicatorView。 Label Label 显示单行和多行文本。 有关详细信息,请参阅 标签。 Line Line
显示从起点到终点的线条。 有关详细信息,请参阅 Line。 ListView ListView 显示可选数据项的可滚动列表。
有关详细信息,请参阅 ListView。 Map Map 显示一个地图,并要求在应用中安装
Microsoft.Maui.Controls.Maps NuGet 包。 Path Path 显示曲线和复杂形状。 有关详细信息,请参阅
路径。 Picker Picker 显示项的简短列表,可从中选择项。 有关详细信息,请参阅 选取器。 Polygon Polygon
显示多边形。 有关详细信息,请参阅 Polygon。 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
使你能够使用可打开或关闭的按钮类型来选择布尔值。 有关详细信息,请参阅 切换。 TableView TableView
显示可按节分组的可滚动项的表。 有关详细信息,请参阅 TableView。 TimePicker TimePicker
使你能够使用平台时间选取器选择时间。 有关详细信息,请参阅 TimePicker。 TwoPaneView TwoPaneView
表示具有两个视图的容器,这些视图可并行或从上到下调整其内容的大小和位置。 有关详细信息,请参阅 TwoPaneView。
WebView WebView 显示网页或本地 HTML 内容。 有关详细信息,请参阅 WebView。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq2363894951

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值