AxureRP8实战手册-案例1（文本框：带图标文字提示）
实战案例篇
本篇包含110种实战案例，案例内容均来自互联网知名网站或应用。案例中所包含的基础操作不做详细介绍，如有疑问请参考基础操作篇。
本篇内容由浅至深。前四章围绕基础知识点结合案例进行讲解；最后两章，挑选了Web端与APP端相对典型的案例，对知识点进行综合的应用，并着重加强实现思路的分析。
本篇内容建议初学者按顺序学习，理解实现的过程、思路与技巧，并以能够独立完成案例为学习目标。
第1章 元件案例
本章主要讲解主要元件的使用方法及应用场景。
在本章的案例中，大家能够看到，常见的一些网页都能够通过各种基本形状的组合模拟出来。
案例1. 文本框：带图标文字提示
案例来源:
淘宝首页-搜索框
案例效果：
- 输入文字前：（图1-1）
- 输入文字后：（图1-2）
元件准备：
- 页面中（图1-3）
案例描述：
在搜索框里面，文本框中的文字提示包含图标。
思路分析：
文本框可以添加文字提示，而图标字体中的图标也是文字。那么案例中的搜索图标，我们就可以使用图标字体来实现。
操作步骤：
1、双击安装FontAwesome字体文件，载入FontAwesome4.4.0图标字体元件库；
2、切换到FontAwesome4.4.0图标字体元件库；
3、从元件库中找到图标，拖放到画布；
4、双击图标，复制里面的图标文字；
5、将复制的内容粘贴到文本框属性的{提示文字}中，并输入其它文字；（图1-4）
6、点击【提示样式】，在样式设置界面中设置提示文字字体为“FontAwesome”，字体颜色为灰色。（图1-5）
7、参考“基础56”，在web字体设置中添加FontAwesome字体的设置方案。
补充说明：
- 本案例需要结合特殊字体元件：FontAwesome4.4.0图标字体元件库。该元件库在本书的配套资料中。
- 使用FontAwesome4.4.0图标字体元件库，除了要参考“基础30”载入元件库，还要安装相应的字体文件。安装字体文件时，请先关闭Axure，安装完字体文件后，打开Axure方可正常使用。
备注：本站中FontAwesome图标字体元件库已升级为4.5.0版本，使用方法相同。
AxureRP8实战手册-案例1（文本框：带图标文字提示）相关推荐
- AxureRP8实战手册-案例27（字符串函数：手机号码验证①）
案例50. 字符串函数:手机号码验证(1) 案例来源: 360-个人中心-详细资料 案例效果:(图4-131) 案例描述: 原网站中通过点击保存修改按钮触发验证,另外验证结果的提示也有弹出和页面上显示 ...
- AxureRP8实战手册-案例26（翻转：图片翻转效果）
案例33. 翻转:图片翻转效果 案例来源: 百度文库VIP-首页 案例效果: 翻转前:(图3-45) 翻转中:(图3-46) 案例描述: 鼠标移入图片时,图片水平向右翻转为另一张图片:鼠标移出图片时, ...
- AxureRP8实战手册-案例17（中继器：商品列表排序）
案例17. 中继器:商品列表排序 案例来源: 美丽说-宝贝搜索 案例效果: 默认:(图1-135) 价格从低到高:(图1-136) 价格从高到低:(图1-137) 案例描述: 鼠标移入"价格 ...
- div模拟textarea文本框，输入文字高度自适应，且实现字数统计和限制
需求: 文本框可根据输入内容高度自适应,不带滚动条,高度可变的那种,我搜索了很多,发现textarea无法实现我的需求,scrollHeigh这个无法获取实际内容的高度(我用的是那种简单的,可能我写的 ...
- html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...
这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下 本文实例讲述了js实现文本框中输入文字页面中 ...
- html怎么打入文本框,html怎么在文本框里面输入文字
html中input文本框,初始里边有文字提示.当点击时 使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如: 单纯的文本框:(通常用用户名之类的) 密码状态时 中上面的方法会 ...
- Textbox控件禁止用户向文本框中输入文字
在Winform程序中,Textbox控件,如何禁止用户向文本框中输入文字,而只是可以通过程序来写入内容 选择这个控件的属性,在事件列中找到KeyPress,双击,生成相应的事件监听方法,加入代码e. ...
- 文本框获得焦点时选中文本框中的文字
<!doctype html> <html> <head> <!--文本框获得焦点时选中文本框中的文字--> <style> </st ...
- [实用文档]将PPT中所有文本框里的文字提取出来
将PPT中所有文本框里的文字提取出来 打开PPT,按ALT+F11打开VBA编辑器,在左面的工程视图里点击右键,选择插入->模块,添加一个模块,名字都不用改. 然后点击顶部的"工具&q ...
最新文章
- 毫米波雷达、ADAS中的应用以及毫米波雷达的检测、测距、测速和角度测量
- linux下动态库符号表,Linux动态库（.so）符号表
- vs2017 release模式断点调试
- python 树状图可视化_Python可视化25|seaborn矩阵图
- 【2018.3.24】模拟赛之三-ssl2547 圆环【数论】
- Jconsole查看Weblogic自定义MBean
- spring data jpa封装specification实现简单风格的动态查询
- 在工作之余，你是怎么提升自己的？
- eclipse中使用git回到之前的版本
- Python基础知识 D3
- oracle 命令行执行sql文件
- matlab 串口 事件,MATLAB 串口通信
- 多小区下小区上行速率的计算(4）
- java小写金额转大写金额_java转换小写金额为大写金额
- 基于RTK9310的VLAN驱动开发总结
- 什么是VIE：Variable Interest Entities
- 【他山之石】康师傅的本地化策略
- 二氧化硅纳米微球光子晶体乳液聚合聚苯乙烯核壳结构/中空二氧化硅/钛纳米微球的制备方法
- 在家里如何赚钱？5个在家赚钱的方法，让你日进斗金！
- 一个屌丝程序员的青春（四九）