之前写过挺多的MAUI Sample,其中有很多代码可以打包成组件,当组件完善到一定程度,我会把控件封装起来放到控件库中。
今天,在这个仓库建立一年零八个月后,我觉得可以考虑将其作为开源库发布。
有很多网友在观望.NET MAUI,犹豫是否可以拿来作为有生产力的跨平台移动端开发工具,此时我想告诉大家,.NET MAUI是一个非常不错的移动开发平台。配合 V-Control 来构建移动应用程序,V-Control是适用于.NET MAUI 的组件库(Component),它提供了一组开箱即用的 UI 控件,可快速搭建面向业务的应用程序界面。
功能
- VButton - 按钮组件
- VCard - 卡片组件
- VCheckableCollection - 可勾选的集合组件
- VCheckBox - 复选框组件
- VCheckBoxButton - 复选框按钮组件
- VCheckBoxGroup - 复选框集合组件
- VCollectionView - 集合视图组件
- VDateNativePicker - 原生封装的日期选择器组件
- VDatePicker - 日期选择器组件
- VEditor - 编辑器组件
- VExpander - 展开收起组件
- VFormItem - 表单组件
- VIndicator - 进度指示器组件
- VMenuCell - 菜单项组件
- VNumberEntry - 数字输入框组件
- VPicker - 选择器组件
- VRadioButton - 单选框组件
- VRadioButtonGroup - 单选框集合组件(切换栏组件)
- VSearchBar - 搜索栏组件
- VTagPicker - 标签选择器组件
- VTimeLine - 时间轴组件
- VTopAppBar - 顶栏组件
- VTouchContentView - 手势监听组件
- VUploader - 文件上传组件
- VValidatingEntry - 带验证的输入框组件
- VValidatingPicker - 带验证的选择器组件
- VRichTextEditor - 富文本编辑器组件
- VEntry - 输入框组件
- VPlaceholderView - 占位视图组件
Todo
- VAutocomplete - 自动完成组件
- VComparisonView - 比较视图组件
- VCalendar - 日历组件
- 暗黑模式
- 基于 BlazorApp 的组件
快速开始
- 在你的.NET MAUI 项目中执行以下命令来安装 V-Control:
dotnet add package VControl
或在NUGET中搜索"V-Control"并安装它。
- 在
MauiProgram
使用.UseVControl()
在MauiAppBuilder中添加V-Control的处理程序。
public static MauiApp CreateMauiApp()
{var builder = MauiApp.CreateBuilder();builder.UseMauiApp<App>().UseVControl() //👈在这里添加V-Control的处理程序var mauiApp = builder.Build();return mauiApp;
}
- 打开
App.xaml
文件, 在资源中添加<v:VControlTheme />
。
<?xml version = "1.0" encoding = "UTF-8" ?>
<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui"xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"xmlns:v="clr-namespace:VControl.Styles;assembly=VControl"><Application.Resources><v:VControlTheme />...</Application.Resources>
</Application>
文档
前往V-Control Docs
源码和示例
您可以前往GitHub查看V-Control的源码和示例。