首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >超实用控件库 Newbeecoder.UI-文本框显示Icon

超实用控件库 Newbeecoder.UI-文本框显示Icon

原创
作者头像
用户7152477
发布2022-01-20 09:23:05
发布2022-01-20 09:23:05
8120
举报
文章被收录于专栏:CSharp编程CSharp编程

我们自定义文本框控件,包含想要显示的图标代码+文本提示+内容样式。

WPF默认文本框是可以输入任意字符的,为了给开发者带来方便,在NbTextBox输入框中加入图标显示功能,先定义Geometry存放矢量图数据。

NbTextBox中的NbData依赖属性获取资源键。

Placeholder属性设置提示内容。

下图中第一个基础图标文本框、第三种是数字图标文本框、第三种是密码图标文本框。在Newbeecoder.UI控件库很方便扩展开发者所需的样式。

下载Demo网址:https://download.csdn.net/download/liaohaiyin/63234875

Newbeecoder.UI调用文本框样式代码:

代码语言:html
复制
<TextBlock Text="显示Icon:" Margin="5"/>
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" Placeholder="带有提示文字的输入框" NbData="{DynamicResource Icon-KeyBoard}"/>
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" InputMode="Password" Placeholder="请输入密码" NbData="{DynamicResource Icon-Password}"/>
<NbTextBox Style="{DynamicResource DefaultTextBoxStyle}" Margin="5" InputMode="Int" NbData="{DynamicResource Icon-Number}" />

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

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

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

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

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