mcpField
S
syncfusion-maui-getting-started

syncfusion-maui-getting-started

github.com/syncfusion开发61207 次安装2 周前更新
代码仓库

关于 syncfusion-maui-getting-started

面向 Syncfusion .NET MAUI 开发者的入门技能,汇总组件安装、授权、主题、工具链与升级配置。它还涵盖 Smart Components 的 AI 服务设置及常见问题排查。

主要功能

  1. 01安装与环境配置
  2. 02许可证注册与故障排查
  3. 03主题与颜色定制
  4. 04IDE 扩展和项目模板
  5. 05AI 服务配置
  6. 06NuGet 更新与迁移

适用场景

  1. 01排查 NuGet 安装或还原问题
  2. 02为 MAUI 应用注册许可证
  3. 03配置主题和深浅色模式
  4. 04设置 Smart Components 的 AI 服务

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-getting-started

安装后在 Claude Code 中输入/syncfusion-maui-getting-started确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
framework-compatibility.md
icons-reference.md
installation-errors.md
installation-installers.md
installation-nuget.md
installation-offline.md
introduction-overview.md
liquid-glass-ui.md
system-requirements.md
upgrade-packages.md
visual-studio-integration.md
vscode-integration.md

详细介绍

Syncfusion .NET MAUI 入门

全面介绍如何安装和配置 Syncfusion .NET MAUI 组件,以及如何设置开发环境

何时使用此技能

当用户需要以下帮助时,务必立即使用此技能:

  • 安装或设置: NuGet 包、安装程序(在线、离线、Mac)、安装故障排除
  • 许可证: 生成许可证密钥、在应用程序中注册密钥、解决许可错误、从试用版升级到付费版
  • 主题: 应用 Material/Cupertino 主题、浅色/深色模式、自定义主题颜色、覆盖主题键
  • AI 集成: 为 Smart Components 配置 Azure OpenAI、Claude、Gemini、DeepSeek、Groq 或自定义 AI 服务
  • 工具: 使用 Visual Studio 或 VS Code 扩展、项目模板、代码片段、Essential UI Kit
  • 高级功能: 实现 Liquid Glass UI、升级 NuGet 包、处理重大变更
  • 故障排除: 安装错误、许可问题、主题问题、AI 服务配置

此技能包含适用于所有 Syncfusion .NET MAUI 组件和应用程序的通用事项。


Syncfusion .NET MAUI 概览

Syncfusion .NET MAUI(多平台应用 UI)是一套全面的高性能、功能丰富的 UI 组件,可用于构建原生跨平台应用程序。它基于 Microsoft 的 .NET MAUI 框架构建,可帮助开发者通过单一代码库创建现代、美观的应用程序,并面向以下平台:

  • Windows(桌面应用程序)
  • macOS(桌面应用程序)
  • iOS(移动应用程序)
  • Android(移动应用程序)
主要功能
  • 70 多个组件: 网格、图表、仪表、编辑器、日历、调度器等
  • 原生性能: 针对各个平台进行优化,提供流畅的 UX
  • 一致的 API: 单一代码库即可适用于所有平台
  • 主题支持: 支持 Material Design 和 Cupertino(iOS 风格)主题,以及浅色/深色模式
  • AI 驱动: 支持集成 AI 服务的 Smart Components
  • 无障碍支持: 符合 WCAG 标准,并支持屏幕阅读器
  • 本地化: 支持 RTL 和多语言
组件类别

Syncfusion .NET MAUI 包含多个类别的组件:

  • 数据可视化(图表、仪表、TreeMap)
  • 网格与数据(DataGrid、ListView、TreeView)
  • 编辑器与输入控件(TextBox、ComboBox、DatePicker、Autocomplete)
  • 日历与排程(Calendar、Scheduler、DateRangePicker)
  • 导航(TabView、TreeView、Accordion、Carousel)
  • 布局(Cards、Chips、Avatar、Backdrop)
  • 按钮与指示器(Button、Checkbox、RadioButton、Badge、Busy Indicator)
  • 文件格式(PDF、Excel、Word、PowerPoint)

平台支持与要求

支持的平台
平台最低版本推荐版本
WindowsWindows 10 version 1809+Windows 11
macOSmacOS 10.15+macOS 12+
iOSiOS 11+iOS 15+
AndroidAndroid 5.0 (API 21)+Android 12+ (API 31+)
框架兼容性

Syncfusion .NET MAUI 支持:

  • .NET 6(初始 MAUI 支持)
  • .NET 7(增强功能)
  • .NET 8(具备完整功能集的 LTS 版本)
  • .NET 9(最新功能) .NET 10(最新功能)
开发环境

Windows 开发:

  • Visual Studio 2022(v17.3+)用于 .NET 9,或 Visual Studio 2026 用于 .NET 10
  • 已安装 .NET MAUI 工作负载
  • Android SDK(用于 Android 开发)

macOS 开发:

  • 使用 .NET MAUI 扩展的 Visual Studio Code
  • Xcode 13+(用于 iOS/macOS 开发)
  • 已安装 .NET MAUI 工作负载

跨平台:

  • 使用 .NET MAUI 扩展的 Visual Studio Code
  • .NET SDK 9.0+(或使用 .NET 10 功能所需的 10.0+)
系统要求

📄 如需查看完整系统要求,请阅读: references/introduction-overview.md


入门指南

快速入门(3 步)

第 1 步:安装 NuGet 包

dotnet add package Syncfusion.Maui.Core
# Or install specific component packages as needed

第 2 步:注册许可证密钥(v20.2.0.x+ 必需)

在 MauiProgram.cs 中,在 CreateMauiApp() 之前添加:

public static class MauiProgram
{
    public static MauiApp CreateMauiApp()
    {
        // Register Syncfusion license
        string licenseKey = Environment.GetEnvironmentVariable("SYNCFUSION_LICENSE_KEY");
        if (!string.IsNullOrEmpty(licenseKey))
        {   
            Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense(licenseKey);
        }
        
        var builder = MauiApp.CreateBuilder();
        // ... rest of configuration
    }
}

第 3 步:应用主题(可选,但建议采用)

在 App.xaml 中:

<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Themes;assembly=Syncfusion.Maui.Core">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary VisualTheme="MaterialLight"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

📄 如需详细的安装说明,请阅读: references/installation-nuget.md


文档与导航指南

1. 入门与安装

何时阅读这些文件: 用户需要安装 Syncfusion、排查安装问题或了解平台要求时。

📄 references/introduction-overview.md

  • 什么是 Syncfusion .NET MAUI
  • 跨平台功能与架构
  • 完整的组件生态系统概览
  • 支持的平台(Windows、macOS、iOS、Android)
  • 详细的系统要求
  • 框架兼容性(.NET 6、7、8、9、10)
  • 开发环境设置

📄 references/installation-nuget.md

  • 通过包管理器 UI 安装 NuGet 包
  • 通过 .NET CLI(dotnet add package)安装
  • 包管理器控制台命令
  • 管理包依赖项
  • 版本管理与更新
  • 验证包安装

📄 references/installation-installers.md

  • Web 安装程序:下载与安装流程
  • 离线安装程序:下载与安装流程
  • Mac 安装程序:下载与安装流程
  • 安装程序比较(何时使用)
  • 安装程序与 NuGet 包
  • 安装后验证

📄 references/installation-errors.md

  • 常见安装错误及解决方案
  • 包还原失败
  • 版本冲突
  • 特定平台的安装问题
  • 故障排除步骤
2. 工具与 IDE 集成

何时阅读这些文件: 用户需要 Visual Studio 或 VS Code 扩展、项目模板、代码片段或工具功能时。

📄 references/visual-studio-integration.md

  • Syncfusion .NET MAUI Visual Studio 扩展概览
  • 扩展下载与安装
  • 项目模板与 Template Studio
  • 用于拖放操作的工具箱控件
  • Essential UI Kit 集成
  • 代码片段库
  • Syncfusion 通知与更新
  • 使用项目创建向导

📄 references/vscode-integration.md

  • Syncfusion .NET MAUI VS Code 扩展概览
  • 从市场下载与安装扩展
  • 使用 VS Code 扩展创建项目
  • MAUI 组件的代码片段
  • 适用于 VS Code 的 Essential UI Kit
  • 命令面板集成
  • 在 VS Code 中调试 MAUI 应用

📄 references/icons-reference.md

  • 适用于 MAUI 的 Syncfusion 图标库
  • 在应用程序中使用内置图标
  • Material 图标支持
  • 图标字体资源
  • 图标大小与样式
  • 自定义图标集成
3. 高级功能

何时阅读这些文件: 用户需要 Liquid Glass UI 效果或包升级指南时。

📄 references/liquid-glass-ui.md

  • Liquid Glass UI 概览与设计理念
  • Liquid Glass UI 入门
  • 可用的玻璃质感控件(Button、Card、Entry 等)
  • 样式与模糊效果
  • 透明度与磨砂玻璃效果
  • 实现示例与模式
  • 自定义选项

📄 references/upgrade-packages.md

  • 如何升级 Syncfusion MAUI NuGet 包
  • 通过包管理器 UI 升级
  • 通过 .NET CLI 升级
  • 版本兼容性注意事项
  • 处理不同版本之间的重大变更
  • 主要更新的迁移指南
  • 升级后测试
  • 回滚策略

评论

支持 Markdown