Axure学习之百度登录界面原型图
来源:互联网 发布:黑马程序员框架视频 编辑:程序博客网 时间:2024/05/21 11:19
百度登录界面原型图
最终呈现效果:
1.焦点进入user和pwd输入框,输入边框和图标变为蓝色,失去焦点恢复为灰色;
2.输入用户名后,输入框末端出现×删除标识,清空用户名,删除标识消失;
3.输入用户名后点击删除标识,将用户名文本全部清除。
原件准备
步骤:
效果:焦点进入user和pwd输入框,输入边框和图标变为蓝色,失去焦点恢复为灰色
1.设置user和pws文本框的原件提示文字分别是:手机/邮箱/用户名和密码;
2.分别设置user和pwd的属性-事件,如下图,其中B1和B2指的是用户名和密码的矩形框,user和lock指的是前面的小图标。
3.分别选中用户名和密码的矩形设置属性为交互样式设置-选中-边框颜色-蓝色
4.做好这一步你会发现选中两个框都变为蓝色,而实际应该是选中的才会,不选中的恢复为灰色
不要着急,此时可以按住CTRL同时选中两个矩形,右击设置选项组,这个问题就可以迎刃而解啦~~
效果:输入用户名后,输入框末端出现×删除标识,清空用户名,删除标识消失;
1.在文本框末尾加一个×形状或者标识;
2.根据效果可知,可以利用if和else if函数,选中用户名输入文本框,建立事件,如下图:
效果:输入用户名后点击删除标识,将用户名文本全部清除。
1.为×形状或者标识设置事件,如下图:
以上所有均为我边学习边总结的经验,可能还有诸多不足,大神如果有更好的方法,欢迎指教~~~
最终效果图:
阅读全文
0 0
- Axure学习之百度登录界面原型图
- 利用axure做原型图——登录界面验证码的实现
- Axure ---界面原型工具
- Axure登录和注册界面的学习
- Axure制作手机UI原型之界面滑动滚动效果
- Axure原型设计学习
- UI-axure-原型图
- 学习Axure RP原型设计
- 推荐一款界面原型设计工具-axure
- 界面原型创建工具Axure 基本操作
- 界面原型创建工具Axure使用教程
- Axure 界面原型设计(1)
- 原型制作之工具Axure
- 原型设计之Axure RP
- axure原型设计之轮播图
- axure原型设计之弹幕
- axure原型设计之进度条
- axure原型设计之翻牌
- conflicts with existing, non-compatible bean definition of same name and class
- Java常见集合框架(四):List之AbstractSequentialList、LinkedList
- python 爬虫图片
- Android系统启动流程(一)解析init进程启动过程
- [转]JavaScript 数字与字符串 比较大小
- Axure学习之百度登录界面原型图
- UART串口通信浅谈之(三)--字符与数据的转换
- java基础_设计模式_设计基础(小鸭子游戏)
- 客户端js(BOM&DOM)
- Android ADB安装和卸载或删除Android设备中的APP
- java项目前后台怎么交互详解
- RangeValidator控件
- binary-tree-zigzag-level-order-traversal
- SpringBoot jpa update