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

实现一个类似淘宝登陆,可以切换标签的窗口。
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第一步,新建一个动态面板
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第二步,双击该动态面板,弹出面板状态管理器, 状态1—>编辑
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第三步,在打开的状态1页面中添加矩形,注意蓝色的线框为动态面板的大小,不要超过蓝色线框区域。
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第四步,在该矩形中添加一个小矩形,用来代表 另外 一个Tab页。
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第五步,给名称为“Tab B”的矩形添加事件(鼠标移入/点击,转到状态2页面)
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第六步,同理,编辑状态2页面,添加一个矩形“Tab A”,并给该矩形添加事件(鼠标移入/点击,转到状态1页面)
Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客
 
第八步,生成原型,完成。
 
以下是使用Axure动态面板实现登录和注册的步骤: 1. 创建两个动态面板,一个用于登录,一个用于注册。 2. 在登录面板中添加用户名和密码的输入以及登录按钮,在注册面板中添加用户名、密码和确认密码的输入以及注册按钮。 3. 在登录按钮和注册按钮上添加交互,分别设置为显示登录面板和注册面板。 4. 在登录面板和注册面板中添加验证提示,例如当用户名或密码为空时,提示“用户名或密码不能为空”等。 5. 在登录面板和注册面板中添加返回按钮,设置为隐藏当前面板并显示主页面。 以下是使用Axure动态面板实现列表增删查改数据、分页、搜索、排序等功能的步骤: 1. 创建一个动态面板,用于展示列表数据。 2. 在动态面板中添加表格控件,用于展示数据。 3. 在表格控件中添加列,用于展示不同的数据。 4. 在表格控件中添加编辑按钮、删除按钮和添加按钮,用于编辑、删除和添加数据。 5. 在编辑按钮和删除按钮上添加交互,分别设置为弹出编辑和删除当前行数据。 6. 在添加按钮上添加交互,设置为弹出添加。 7. 在添加和编辑中添加输入,用于输入数据。 8. 在添加和编辑中添加保存按钮和取消按钮,用于保存或取消编辑。 9. 在表格控件下方添加分页控件,用于分页展示数据。 10. 在表格控件上方添加搜索,用于搜索数据。 11. 在表格控件的列标题上添加排序按钮,用于排序数据。 以下是使用Axure动态面板实现大屏动态面板滚动展示数据和多图数据展示的步骤: 1. 创建一个动态面板,用于展示大屏数据。 2. 在动态面板中添加滚动面板控件,用于滚动展示数据。 3. 在滚动面板控件中添加多个面板,用于展示不同的数据。 4. 在每个面板中添加文本图片等控件,用于展示数据。 5. 在动态面板中添加定时器控件,用于定时切换展示的面板。 6. 在定时器控件上添加交互,设置为切换到下一个面板。 7. 在动态面板中添加按钮控件,用于手动切换展示的面板。 8. 在按钮控件上添加交互,设置为切换到指定的面板
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值