Axure动态面板简单示例(仿淘宝登录界面)

实现一个类似淘宝登陆,可以切换标签的窗口。
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第一步,新建一个动态面板
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第二步,双击该动态面板,弹出面板状态管理器, 状态1—>编辑
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第三步,在打开的状态1页面中添加矩形,注意蓝色的线框为动态面板的大小,不要超过蓝色线框区域。
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第四步,在该矩形中添加一个小矩形,用来代表 另外 一个Tab页。
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第五步,给名称为“Tab B”的矩形添加事件(鼠标移入/点击,转到状态2页面)
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第六步,同理,编辑状态2页面,添加一个矩形“Tab A”,并给该矩形添加事件(鼠标移入/点击,转到状态1页面)
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第八步,生成原型,完成。
 
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值