mcpField
S
syncfusion-maui-rating

syncfusion-maui-rating

github.com/syncfusion设计与 UI61202 次安装2 周前更新
代码仓库

关于 syncfusion-maui-rating

面向 .NET MAUI 开发者的 Syncfusion SfRating 实现技能,适用于评分界面与反馈控件。内容涵盖精度模式、形状、样式和数值变化事件。

主要功能

  1. 01整星、半星和精确评分
  2. 02星形、心形及自定义形状
  3. 03颜色、描边、尺寸与间距设置
  4. 04可编辑和只读显示
  5. 05ValueChanged 事件

适用场景

  1. 01制作商品评价界面
  2. 02显示电影或内容评分
  3. 03构建用户反馈表单
  4. 04展示技能等级或偏好选择

安装

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

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

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

包含的文件

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

references/
appearance-styling.md
getting-started.md
interactive-features.md
precision-modes.md
rating-shapes.md

详细介绍

实现 .NET MAUI 评分

一份关于实现 Syncfusion .NET MAUI Rating 控件的综合指南。SfRating 控件提供灵活且可自定义的评分界面,支持多种精度模式、形状和样式选项。

何时使用此技能

在以下情况下使用此技能:

  • 在 MAUI 应用中实现星级评分或评论系统
  • 创建产品评分显示(例如,电商应用)
  • 为用户体验构建反馈机制
  • 显示或收集具有自定义精度(整星、半星、精确值)的评分
  • 使用自定义评分形状(心形、菱形、圆形或自定义路径)
  • 使用自定义颜色和描边设置评分控件样式
  • 通过事件处理评分值变更
  • 创建只读评分显示
  • 在 .NET MAUI 中实现任何评分 UI 组件

组件概览

SfRating 控件属于 Syncfusion.Maui.Inputs 包,并提供以下功能:

  • 灵活的精度:标准(整星)、半星(半步进)或精确评分模式
  • 多种形状:星形、心形、菱形、圆形或自定义 SVG 路径
  • 丰富的自定义选项:颜色、描边、大小、间距和样式
  • 交互模式和显示模式:可编辑或只读评分
  • 事件支持:通过 ValueChanged 事件处理评分变更
  • 轻松集成:简单的 XAML 和 C# API

常见用例:

  • 产品评论(1-5 星)
  • 电影/内容评分
  • 用户反馈表单
  • 服务质量评分
  • 技能水平指示器
  • 偏好选择

文档和导航指南

入门

📄 阅读: references/getting-started.md

  • 安装和 NuGet 包设置(Syncfusion.Maui.Inputs)
  • 在 MauiProgram.cs 中注册处理程序
  • 在 XAML 和 C# 中实现基本的 SfRating
  • 设置 ItemCount 和 Value 属性
  • 导入命名空间并完成初始设置
  • 简单的评分示例
精度与准确性

📄 阅读: references/precision-modes.md

  • 标准精度:整项评分(整颗星)
  • 半星精度:半步进评分(半颗星)
  • 精确精度:精确的小数评分
  • 选择合适的精度模式
  • 各种精度类型的适用场景
  • 所有模式的代码示例
外观自定义

📄 阅读: references/rating-shapes.md

  • 预定义形状(星形、心形、菱形、圆形)
  • 使用 SVG 路径数据自定义形状
  • Path 属性和尺寸指南

📄 阅读: references/appearance-styling.md

  • 配置项目大小和间距
  • 填充颜色(RatedFill、UnratedFill)
  • 描边颜色和粗细
  • RatingSettings 综合指南
  • 设计最佳实践
交互功能

📄 阅读: references/interactive-features.md

  • 使用 IsReadOnly 属性显示只读评分
  • 处理 ValueChanged 事件
  • 控制用户交互
  • 事件数据和使用场景
  • 通过事件进行数据绑定

评论

支持 Markdown