前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >C# WPF新版开源控件库:Newbeecoder.UI之输入框控件

C# WPF新版开源控件库:Newbeecoder.UI之输入框控件

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

输入框和按钮是软件开发中使用最多的两种控件,文本框作为接收用户输入数据控件,键盘上输入字符都可以录入到文本框显示,允许用户编写一行或多行内容。

Demo下载:

Newbeecoder.UI.zip

在WPF文本框有些常用的属性,比如:Text、Background、BorderBrush、BorderThickness、Foreground、Width、IsEnabled、IsVisible、SelectedText、HorizontalContentAlignment、VerticalContentAlignment、Visibility等属性。

文本框有些常用的方法有:AppendText、Clear、Copy、Focus、GetValue。

在Newbeecoder.UI扩展更多功能,主要包括圆角,提示文字、提示文字的颜色、TextBox输入模式(正常输入框、整数输入框、数字输入框、密码输入模式),最大值,最小值、图标等。

Newbeecoder.UI开源控件Demo下载链接:https://share.weiyun.com/py6W1dcK

只要你有好看的设计图,基本上都可以用Newbeecoder.UI按设计图开发出来

Newbeecoder.UI有几种输入文本框。分别是常规输入框、带提示文字的输入框、多行输入框、禁用输入框、只读输入框、整数输入框、限制范围输入框、数字输入框带小数和负数、限制数字输入框带小数(可设置小数位数2),密码输入框、IP输入框。

一、常规输入框使用方法:

代码语言:html
复制
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5"/>

二、带提示文字的输入框使用方法:

代码语言:html
复制
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" Placeholder="带有提示文字的输入框"/>

三、多行输入框使用方法:

代码语言:html
复制
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" Placeholder="多行模式" AcceptsReturn="True"/>

四、禁用输入框使用方法:

代码语言:html
复制
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" Text="内容" IsEnabled="False"/>

五、只读输入框使用方法:

代码语言:html
复制
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" Text="内容" IsReadOnly="True"/>

六、整数输入框使用方法:

代码语言:html
复制
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" InputMode="Int"/>

七、限制范围输入框使用方法:

代码语言:html
复制
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" InputMode="Int" MinInt="5" MaxInt="10" Placeholder="限制范围[5,10]输入"/>

八、数字输入框带使用方法:

代码语言:html
复制
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" InputMode="Number"/>

九、限制数字输入框(小数)使用方法:

代码语言:html
复制
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" InputMode="Number" MinNumber="5.01" MaxNumber="10.09" NumberDecimals="2" Placeholder="限制范围[5.01,10.09]输入,限制小数位数2"/>

十、密码输入框使用方法:

代码语言:html
复制
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" InputMode="Password" Placeholder="请输入密码"/>

十一、IP输入框使用方法:

代码语言:html
复制
<NbIpBox Width="180" HorizontalAlignment="Left"/>

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

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

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

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

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

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