SunnyUI常用控件

SunnyUI常用控件一、基础文本/标签控件显示文字UlLabel普通文字标签UiDigitalLabel数码数字显示屏温湿度数值UiLedLabelLED指示灯式数字主要属性Text (显示文字)、Anchor控件布局、ForeColor字体颜色、backColor(背景颜色)、Fotn字体二、输入选择控件录入数据UITextBox单行输入框UIRichTextBox多行文本通过“ .text ” 可以给框里的文本赋值UIComboBox下拉选择框(联动菜单可联动菜单使用UICheckBox/UICheckBoxGroup复选框UIRadioButton/UIRadioGroup单选框单选框可创建多个单选框但每一次只能勾选一个用来展示复选框UICheckBox可创建多个单选框每一次可以勾选多个用来展示UICheckBoxGroup复选框可用items集合创建多个选择。UIDatePicker/ UIDateTimePicker:日期时间三、按钮交互控件UIButton标准圆角按钮UlHeaderButton图标按钮(导航栏可通过text属性来控制文本通过点击事件Click可与其它控件联动UISwitch开关按钮属性Active 表示是否打开SwitchShape 可改变开关形状四、工控仪表控件UiMeter圆形仪表盘(温度/压力)可以通过属性value直接赋值也可以通过代码赋值UILight信号灯(运行/故障状态state:控制信号灯状态。Shape:控制形状UIProgressBar进度条Step:步进值。可以通过计时器对进度条进行加载UIPipe管道流程图五、布局容器控件页面排版容器控件作用收纳、分组、排版子控件实现界面分区布局。UIPanel容器面板基础通用容器对应原生 Panel 的美化升级版。特点可设置圆角、边框、背景色、阴影自由拖拽摆放子控件。2.UiFlowLayoutPanel流式自动布局流式布局容器类似网页浮动布局。规则子控件自动从左向右排列一行放不下自动换行支持横向 / 纵向排布。✅ 使用场景批量按钮、标签、小组件自动排版设备状态指示灯、功能按钮组。3.UITabControl分页标签页多标签分页容器一页切换显示不同内容。4.UINavBar:侧边导航栏5.UIGroupBox分组框带标题的分组容器原生 GroupBox 美化版。六、数据表格与列表1.UIDataGridView高级数据表格数据库展示核心能力绑定 DataTable、List 集合支持单元格样式、行高亮、冻结列、排序、单元格按钮、复选框。2.UIListBox列表框纵向单列列表展示简单文本条目支持选中条目。✅ 使用场景简单文本列表日志简易列表、可选设备名称清单。UITreeView树形菜单UIPagination分页控件独立分页条包含页码、上一页、下一页、每页条数选择。七、图表可视化1.UILineChart折线图历史温度曲线)2.UIBarChart柱状图3.UIPieChart:饼图八、弹窗消息组件1.UIMessageBox弹窗提示代码如下2.UINotification右下角通知气泡非阻塞弹窗自动消失。3.UIDialog自定义弹窗窗体可在弹窗内放置任意控件表格、输入框、图表。✅ 使用场景自定义弹窗窗口新增设备弹窗、详细信息弹窗、参数编辑弹窗。区别UIMessageBox 只能简单文字UIDialog 可以做复杂自定义界面。九、窗体与主题UIForm主窗体无边框窗体UIStyleManager全局主题切换