关于 syncfusion-maui-rating
面向 .NET MAUI 开发者的 Syncfusion SfRating 实现技能,适用于评分界面与反馈控件。内容涵盖精度模式、形状、样式和数值变化事件。
主要功能
- 01整星、半星和精确评分
- 02星形、心形及自定义形状
- 03颜色、描边、尺寸与间距设置
- 04可编辑和只读显示
- 05ValueChanged 事件
适用场景
- 01制作商品评价界面
- 02显示电影或内容评分
- 03构建用户反馈表单
- 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.mdgetting-started.mdinteractive-features.mdprecision-modes.mdrating-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