网站设计原型图,小程序头条小游戏,房产网站开发用什么语言好,郑州做网站比较好公司案例2. 文本框#xff1a;边框变色案例来源:百度-登录界面案例效果#xff1a;光标进入文本框时#xff1a;(图1-6)案例描述#xff1a;在登录界面中#xff0c;包含用户名与密码的输入框。当焦点进入输入框时#xff0c;输入框边框与内部图标变为蓝色#xff1b;失去…案例2. 文本框边框变色案例来源:百度-登录界面案例效果光标进入文本框时(图1-6)案例描述在登录界面中包含用户名与密码的输入框。当焦点进入输入框时输入框边框与内部图标变为蓝色失去焦点时恢复灰色。元件准备页面中(图1-7)包含命名矩形(用于账号输入边框)Border01矩形(用于密码输入边框)Border02思路分析输入框的样式在两种不同状态下切换可以通过交互样式来实现(操作步骤1)文本框获取焦点时呈现选中的样式(操作步骤2~3)文本框失去焦点时呈现未选中的样式(操作步骤4~5)。操作步骤1、设置元件“Border01”与“Border02”的选中时交互样式为淡蓝色边框与文字(参考“基础23”)2、设置账号输入文本框【获取焦点时】【选中】元件“Border01”事件交互设置(图1-8)用例动作设置(图1-9)3、参考上一步设置密码输入文本框【获取焦点时】【选中】元件“Border02”4、设置账号输入文本框【失去焦点时】【取消选中】元件“Border01”事件交互设置(图1-10)用例动作设置(图1-11)5、参考上一步设置密码输入文本框【失去焦点时】【取消选中】元件“Border02”。补充说明本案例中的“输入框”是指矩形边框与文本框共同组成的一组内容而非文本框元件。本案例中使用了“FontAwesome4.4.0”图标字体元件库需要安装字体文件支持并进行Web字体设置。(参考案例1的补充说明)特别提醒本教程相关素材请到导航菜单中的【在线阅读】页面中进行下载。~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~小楼老师全新打造Axure RP 9精品课程以独有的教学方法与技巧帮助你以最短的时间高效的完成学习目标。《Axure RP 9 萌新修炼视频》-----从零入门进阶的优质课程------【点此查看详情】喜欢 (52)or分享 (0)
