当前位置：首页 > article >正文

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

article 2025/2/8 23:54:53

之前写过挺多的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 的组件

快速开始

在你的.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>