预计效果：
效果
为文本输入框设置提示语，我们可以在文本输入框的Hint属性中，放入需要的提示语即可。
这里因为要显示搜索图标，其实搜索图标也属于文字，只不过是图标文字。
其实他是一种文字，我们只需要当他当做提示文字放入到输入框的提示语中即可。
选中"文本输入框"组件，然后在属性面板中，在hint属性值中，填入相应的提示语即可。
image.png
01 双击安装FontAwesome字体文件， 载入FontAwesome
4.4.0图标字体元件库。
02 切换到FontAwesome 4.4.0图标字体元件库。
03 从元件库中找到 图标， 拖放到画布。
04 双击 图标， 复制里面的图标文字。
05 将复制的内容粘贴到文本框属性的{提示文字}中， 并输入其他文字（ 见图7-4） 。
06 单击【 提示样式】 ， 在样式设置界面中设置提示文字字体为“FontAwesome”， 字体
颜色为灰色
元件案例-带图标文字的文本输入框 预计效果： 说明 为文本输入框设置提示语，我们可以在文本输入框的Hint属性中，...
轮播图 需求： 固定区域循环播放一组图片。 要点 为动态面板添加加载事件，当加载时，自动切换Next状态 操作步骤...
网络状态，分以下几种情况 开始网络请求菊花转提示自定义图标、提示语 结束网络请求，成功自定义图标、提示语自定义图标...
axure动态面板 有时候，我们需要在同一个区域内放置多个状态的内容，根据不同的情况比如点击事件，来显示不同的内容...
备注：https://y9tqss.axshare.com/#g=1&p=20180315 (case1 ca...
图标在界面中起到代替文字（示意）和辅助文字（装饰）的作用。 根据应用场景不同分为： 工具图标：有明确功能、提示含义...
web元件库、axure元件库、通用元件库、常用web组件、常用表单、框架、数据表单、导航栏、边框、图标、列表、日...
方法1：运用Axure元件：Axhub chart绘制图标 元件相关使用地址如下：https://axhub.im...
实战需求 SwiftUI iOS 提示组件之 仿Xcode图标图片提示框Alert Toast弹窗（教程含源码） ...
执行脚本案例：如图 通过多次运行测试，案例中JMeter元件之间的执行顺序（优先级）如下： 1）执行配置元件“HT...
本文标题：Axure8-元件案例之带图标文字的提示语
本文链接：https://www.haomeiwen.com/subject/tpcemctx.html
网友评论