前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >开源C# WPF控件库--Newbeecoder.UI使用指南(二)

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

原创
作者头像
用户7152477
修改2022-05-05 11:56:24
1.3K0
修改2022-05-05 11:56:24
举报
文章被收录于专栏:CSharp编程CSharp编程

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

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控件开发请私信给我。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档