使用自带复选框显示可选项很简单,为了界面风格和样式一致。所以需要将单选框和复选框重构和美化达到我们的需求。
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控件开发请私信给我。