Axure8.0教程：下拉菜单+复选框全选
在设计过程中会常常用到下拉菜单，本次课程我们学习下拉菜单+复选框全选效果。http://image.woshipm.com/wp-files/2022/03/T74Pn4qNp07pMd4MpVVy.png)]预览及下载地址：https://2fi9h8.axshare.com一、制作原型1.制作下拉菜单的选择框拖入两个【矩形】元件，【文本标签】制作成下拉菜，菜单部分组合一起http://image.woshipm.com/wp-files/2022/03/bvnODigOvIDmEylnSRq0.png2.制作下拉菜单中的菜单部分（1）全选拖入【动态面板】设置成两个状态，http://image.woshipm.com/wp-files/2022/03/Mubbi6NPgOCvM25HK6bW.png(2）选项标签拖入一个【中继器】，并设置，选项框设置为两个状态http://image.woshipm.com/wp-files/2022/03/gmW0Yj8GkySVGHMHxMOs.png二、交互设置每项加载时获取文字http://image.woshipm.com/wp-files/2022/03/wShe861K7MFpacGhGkJo.png设置复选框鼠标点击事件http://image.woshipm.com/wp-files/2022/03/VQnZUx2Mnc5KvtwfBVZM.png设置“全选”复选框设置鼠标点击事件http://image.woshipm.com/wp-files/2022/03/5FxUg3LWugGjnX1JRIlv.png设置下拉菜单鼠标点击事件http://image.woshipm.com/wp-files/2022/03/k8OnaMnfyuUYoGAE1czM.png最后设置“取消”和“确定”按钮的鼠标点击事件http://image.woshipm.com/wp-files/2022/03/ZIqMOQzzS5fnGYcXdaqp.png
页:
[1]