开箱即用的.NET MAUI组件库 V-Control 发布了!

之前写过挺多的MAUI Sample，其中有很多代码可以打包成组件，当组件完善到一定程度，我会把控件封装起来放到控件库中。

今天，在这个仓库建立一年零八个月后，我觉得可以考虑将其作为开源库发布。

有很多网友在观望.NET MAUI，犹豫是否可以拿来作为有生产力的跨平台移动端开发工具，此时我想告诉大家，.NET MAUI是一个非常不错的移动开发平台。配合 V-Control 来构建移动应用程序，V-Control是适用于.NET MAUI 的组件库(Component)，它提供了一组开箱即用的 UI 控件，可快速搭建面向业务的应用程序界面。

功能

• VButton - 按钮组件
• VCard - 卡片组件
• VCheckableCollection - 可勾选的集合组件
• VCheckBox - 复选框组件
• VCheckBoxButton - 复选框按钮组件
• VCheckBoxGroup - 复选框集合组件
• VCollection - 集合视图组件
• 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 的组件

快速开始

1. 在你的.NET MAUI 项目中执行以下命令来安装 V-Control：

dotnet add package VControl

或在NUGET中搜索"V-Control"并安装它。

2. 在 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;
}

3. 打开 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的源码和示例。