百度建网站要多少钱,公众号小程序二维码怎么生成,做网站 需要工信部备案吗,贵阳网站制作建设目录
前言
组件介绍
组件展示
布局
按钮
复选框
进度条
导航栏
组件地址
最后
前言
.NET MAUI 的发布#xff0c;项目中可以使用这个新的跨平台 UI 框架来轻松搭建的移动和桌面应用。
为了帮助大家更快地构建美观且功能丰富的应用#xff0c;本文将推荐一款优秀… 目录
前言
组件介绍
组件展示
布局
按钮
复选框
进度条
导航栏
组件地址
最后
前言
.NET MAUI 的发布项目中可以使用这个新的跨平台 UI 框架来轻松搭建的移动和桌面应用。
为了帮助大家更快地构建美观且功能丰富的应用本文将推荐一款优秀的 .NET MAUI 组件库MDC-MAUI它不仅提供了丰富的 UI 组件而且易于集成和使用。
通过本文的介绍希望能够帮助大家在开发过程中节省时间并提升应用的用户体验。
组件介绍
MDC-MAUI 是一个专为 .NET MAUI 开发的组件库为每个平台提供一致的视觉效果。
该库开箱即用提供了丰富的 UI 组件包括按钮、卡片、导航、开关、进度条等可以帮助我们快速构建美观且功能丰富的应用。 组件展示
布局
1、WrapLayout
WrapLayout 是一种布局容器允许根据 Orientation 属性将项目排列成行或列。当空间被填满时容器会自动将项目换行到新的一行或一列。 2、示例代码 md:WrapLayout OrientationHorizontalmd:Chip IconData{Static icon:Material.Add} Textchip /md:Chip IconData{Static icon:Material.Add} Textchip /md:Chip IconData{Static icon:Material.Add} Textchip /md:Chip IconData{Static icon:Material.Add} Textchip /md:Chip IconData{Static icon:Material.Add} Textchip /md:Chip IconData{Static icon:Material.Add} Textchip /md:Chip IconData{Static icon:Material.Add} Textchip //md:WrapLayout3、属性 按钮
1、Button
常用按钮触发 UI 中的大多数操作。
提供五种样式填充按钮Filled、凸起按钮Elevated、填充色调按钮Filled Tonal、边框按钮Outlined和文本按钮Text。 2、代码示例
md:Button Style{DynamicResource ElevatedButtonStyle} TextElevated /
md:Button Style{DynamicResource FilledButtonStyle} TextFilled /
md:Button Style{DynamicResource FilledTonalButtonStyle} TextFilledTonal /
md:Button Style{DynamicResource OutlinedButtonStyle} TextOutlined /
md:Button Style{StaticResource TextButtonStyle} TextText /复选框
1、CheckBox
CheckBox允许用户从列表中选择一个或多个项目或者开启或关闭某个项目。
2、代码示例
mdc:CheckBox Textcheckbox /3、属性 4、事件 进度条
1、ProgressIndicator
进度指示器实时显示流程的状态。 2、代码示例
md:ProgressIndicator Style{DynamicResource CircularProgressIndicatorStyle} /
md:ProgressIndicator Style{DynamicResource LinearProgressIndicatorStyle} /3、属性 4、事件 导航栏
1、NavigationBar
导航栏允许用户在较小的设备上切换 UI 视图。 2、代码示例
...xmlns:iconclr-namespace:IconPacks.IconKind;assemblyIconPacks.Material
...mdc:FAB IconData{Static icon:Material.Star} Style{DynamicResource SecondaryFABStyle} /mdc:NavigationBarmdc:NavigationBarItem IconData{Static icon:Material.Star} Textlabel 1.../mdc:NavigationBarItemmdc:NavigationBarItem IconData{Static icon:Material.Star} Textlabel 2.../mdc:NavigationBarItem
/mdc:NavigationBar3、属性 4、事件 还有很多组件大家如果有需要可以访问在线文档https://mdc-maui.github.io/ 学习和参考包括组件介绍、代码示例、属性以及事件等。 组件地址
Github
https://github.com/mdc-maui/mdc-maui
文档地址
https://mdc-maui.github.io/
最后
如果你觉得这篇文章对你有帮助不妨点个赞支持一下你的支持是我继续分享知识的动力。如果有任何疑问或需要进一步的帮助欢迎随时留言。
也可以加入微信公众号 [DotNet技术匠] 社区与其他热爱技术的同行一起交流心得共同成长