mcpField
S
syncfusion-maui-toolkit-numeric-updown

syncfusion-maui-toolkit-numeric-updown

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

关于 syncfusion-maui-toolkit-numeric-updown

为 .NET MAUI 开发者提供 Syncfusion SfNumericUpDown 数字输入控件的实现指导,涵盖范围验证、数字格式及增减按钮配置。

主要功能

  1. 01数字输入与增减按钮
  2. 02最小值和最大值限制
  3. 03货币、百分比及自定义格式
  4. 04实时或失焦时验证
  5. 05按文化区域格式化
  6. 06按钮布局与样式定制

适用场景

  1. 01构建价格或折扣表单
  2. 02调整库存数量
  3. 03限制设置项的数值范围
  4. 04支持本地化数字格式

安装

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

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

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

包含的文件

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

references/
buttons-updown.md
customization.md
formatting-display.md
getting-started.md
validation-events.md
value-management.md

详细介绍

Syncfusion .NET MAUI NumericUpDown

SfNumericUpDown 控件提供友好的数字输入体验,内置验证、格式设置选项以及便捷的递增/递减按钮。非常适合构建需要验证数字输入的专业表单。

何时使用此技能

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

  • 在 .NET MAUI 应用程序中构建数字输入字段
  • 将数字格式化为货币(C2)、百分比(P2)或小数(N2)
  • 将输入限制在有效范围内(Minimum/Maximum 值)
  • 使用向上/向下箭头按钮或键盘控件快速调整数值
  • 为空数字字段显示占位符
  • 使用 OnKeyFocus 或 OnLostFocus 模式自动处理验证
  • 自定义按钮、颜色、边框和字体的外观
  • 支持区域性格式,以根据区域性显示数字

组件概述

SfNumericUpDown(或 NumericUpDown)控件是一种专用输入字段,用于在 .NET MAUI 应用程序中输入和编辑数值。它结合了三种交互方式:

功能:

  • 接受数字输入,并可选择使用文本字段直接输入
  • 提供递增/递减按钮(向上/向下箭头),以便快速调整数值
  • 支持键盘导航(箭头键、Page Up/Down、Tab、Return)
  • 通过可配置范围(Minimum/Maximum)执行验证
  • 根据区域性、货币或自定义规范设置数字格式
  • 未设置值时显示占位文本

主要特点:

  • 智能验证: OnKeyFocus(实时)或 OnLostFocus(延迟)验证模式
  • 灵活格式设置: 货币(C2)、百分比(P2)、小数(N2)或自定义格式
  • 可自定义按钮: 放置模式(Inline、InlineVertical)、对齐方式(Left、Right、Both)、颜色和自定义模板
  • 约束支持: 最小值/最大值范围、空值处理(AllowNull)、仅文本模式(IsEditable=false)
  • 事件驱动: ValueChanged、Completed、Focused/Unfocused 事件,可用于表单集成
  • 无障碍支持: 支持 WCAG 合规性、屏幕阅读器和仅使用键盘的导航

何时选择 NumericUpDown:

  • 需要带内置递增按钮的专业数字输入控件
  • 希望无需编写自定义代码即可自动验证和设置格式
  • 构建财务表单(价格、折扣、百分比)
  • 创建库存系统(数量、库存水平)
  • 实现设置或偏好设置页面
  • 需要支持区域性的数字格式

文档和导航指南

入门

📄 阅读: references/getting-started.md

  • 安装和设置 NuGet 包
  • 在 MauiProgram.cs 中注册处理程序
  • 添加基本的 NumericUpDown 控件
  • XAML 和 C# 初始化模式
  • 首次呈现和验证模式
值管理与约束

📄 阅读: references/value-management.md

  • 设置和绑定数字值
  • 最小值和最大值限制
  • 使用 AllowNull 属性处理空值
  • 默认值和初始设置
  • 使用 IsEditable 阻止手动编辑文本
格式与显示选项

📄 阅读: references/formatting-display.md

  • 自定义数字格式(货币、百分比、小数)
  • 占位文本和占位符颜色自定义
  • 支持区域性的数字显示
  • 管理最大小数位数
  • 百分比显示模式(Value 与 Compute)
  • 自定义格式说明符(0、#、C、P、N)
验证与事件

📄 阅读: references/validation-events.md

  • 包含 OldValue 和 NewValue 的 ValueChanged 事件
  • 编辑完成时触发的 Completed 事件
  • Focused 和 Unfocused 事件
  • ValueChangeMode(OnKeyFocus 与 OnLostFocus)
  • 以编程方式管理焦点
  • Return 键命令
上/下按钮控制

📄 阅读: references/buttons-updown.md

  • SmallChange 和 LargeChange 增量
  • 键盘快捷键(方向键、Page Up/Down)
  • 支持鼠标滚轮
  • 上/下按钮位置模式(Inline、InlineVertical)
  • 按钮对齐方式(Left、Right、Both)
  • 自定义按钮颜色
  • 自定义按钮模板
  • 自动反向行为
自定义与 UI 功能

📄 阅读: references/customization.md

  • 边框可见性和描边颜色
  • 自定义文本颜色和对齐方式
  • 字体系列、大小和属性
  • 清除按钮的可见性和自定义
  • 光标位置和文本选择
  • Return 键类型和键盘行为
  • 高级样式模式
  • 常见问题及故障排除

评论

支持 Markdown