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

2022-05-05 11:55:37 浏览数 (2)

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

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

0 人点赞