Axure—动态面板-勾选

博客概要

     分享利用Axure的动态面板元件制作一个粗糙的勾选~

Axure RP8-实战案例_总目录

文章超链接：https://blog.csdn.net/qq_41386332/article/details/109445644

勾选

解释	勾选状态提醒
效果	点击“勾选”，发生变化
【PS】	1.本次制作，样式简洁，请按需，自行美化 2.有多种制作方式，此次至制作了其中之一，其余后续分享
…	…

制作过程

1.整体搭建

     利用“矩形”、“图片”、“动态面板”等元件，整体搭建主体页面结构。

2.创建面板

     动态面板区域明显不同色，双击区域，出现“面板状态管理”弹窗，设置“动态面板名称”，新建相应轮播面板，双击选择面板，即可进入相应的面板进行编辑。

3.面板结构

     利用“图片”、“文本”等元件搭建相应面板的结构。

4.设置交互

     进入面板后，按步骤进行相应的交互设置：

1. 选中要设置“区域”元件
2. 在属性一栏选择设置“交互”下的“鼠标单击时”的用例
3. 选择“添加动作”一栏的“设置面板状态”
4. 勾选“配置动作”中要设置状态的动态面板
5. 在“选择状态”一栏，下拉选择相应面板
6. 点击“确定”，可以在“属性”的“交互”一栏中看到相应的变化

5.效果展示

     点击相应区域即实现勾选效果。

---

总结

以上= =“动态面板之勾选”技能点get~