开源C# WPF控件库--Newbeecoder.UI使用指南(二)

2022-05-05 11:56:24 浏览数 (1)

使用自带复选框显示可选项很简单,为了界面风格和样式一致。所以需要将单选框和复选框重构和美化达到我们的需求。

Demo下载:

Newbeecoder.UI.zip

后来探索了下wpf自带的控件,在系统自带组件上扩展一些常用功能。发现WPF其功能非常强大, Newbeecoder.UI 基于.net framework 4.0框架开发,很好的兼容更高版本。

只要你有好看的设计图,基本上都可以用Newbeecoder.UI按设计图开发出来,下面演示开源控件库开发的控件:

由于控件比较多,所以这里先贴出目录:

1.按钮

2.单选框

3.复选框

4.列表框

5.输入框

6.密码框

7.IP输入框

8.下拉框

9.日期时间

10.日历

11.开关

12.进度条

13.选项卡

14.树状图

15.加减数字

16.表格

17.颜色选择器

18.分组控件

19.折叠菜单

20.消息提示框

21.窗口

22.通知

23.分页

24.下拉多选框

Newbeecoder.UI有几种选项框。分别是方形单选框、圆形单选框、多选框。

一、方形单选框使用方法。

代码语言:html复制
<TextBlock Text="1. 请计算1加1等于几" Margin="5"/>
<NbRadioBox Style="{DynamicResource DefaultRadioBoxStyle}" Margin="5" Content="A. 0" GroupName="Ans1"/>
<NbRadioBox Style="{DynamicResource DefaultRadioBoxStyle}" Margin="5" Content="B. 1" GroupName="Ans1"/>
<NbRadioBox Style="{DynamicResource DefaultRadioBoxStyle}" Margin="5" Content="C. 2" GroupName="Ans1"/>
<NbRadioBox Style="{DynamicResource DefaultRadioBoxStyle}" Margin="5" Content="D. 4" GroupName="Ans1"/>

方形单选框NbRadioBox,在RadioButton上扩展属性和样式,单选框需要把同一组对象GroupName组名设置一个名称。

二、圆形单选框使用方法。

代码语言:html复制
<TextBlock Text="2. 请计算1乘以1等于几" Margin="5"/>
<NbRadioBox Style="{DynamicResource RoundRadioBoxStyle}" Margin="5" Content="A. 0" GroupName="Ans2"/>
<NbRadioBox Style="{DynamicResource RoundRadioBoxStyle}" Margin="5" Content="B. 1" GroupName="Ans2"/>
<NbRadioBox Style="{DynamicResource RoundRadioBoxStyle}" Margin="5" Content="C. 2" GroupName="Ans2"/>
<NbRadioBox Style="{DynamicResource RoundRadioBoxStyle}" Margin="5" Content="D. 4" GroupName="Ans2"/>

三、多选框使用方法。

代码语言:html复制
<TextBlock Text="1. 请计算4的平方根" Margin="5"/>
<NbCheckBox Style="{DynamicResource DefaultCheckBoxStyle}" Margin="5" Content="A. -1"/>
<NbCheckBox Style="{DynamicResource DefaultCheckBoxStyle}" Margin="5" Content="B. -2"/>
<NbCheckBox Style="{DynamicResource DefaultCheckBoxStyle}" Margin="5" Content="C. 1"/>
<NbCheckBox Style="{DynamicResource DefaultCheckBoxStyle}" Margin="5" Content="D. 2"/>

多选框类NbCheckBox。在ToggleButton上扩展属性和样式。ToggleButton类成员IsChecked是bool类型。实现选中或不选中功能。

需要使用Newbeecoder.UI开源控件库或者定制UI控件开发请私信给我。

0 人点赞