前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >超实用控件库 Newbeecoder.UI-文本框显示Icon

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

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

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

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

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

Placeholder属性设置提示内容。

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

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

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

<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 条评论
热度
最新
推荐阅读
相关产品与服务
图数据库 KonisGraph
图数据库 KonisGraph(TencentDB for KonisGraph)是一种云端图数据库服务,基于腾讯在海量图数据上的实践经验,提供一站式海量图数据存储、管理、实时查询、计算、可视化分析能力;KonisGraph 支持属性图模型和 TinkerPop Gremlin 查询语言,能够帮助用户快速完成对图数据的建模、查询和可视化分析。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档