Axure8.0教程:下拉菜单+复选框全选

3 评论 7148 浏览 7 收藏 3 分钟
对未来感到迷茫?起点课堂的导师将为你提供专业的职业发展规划指导,帮你明确方向、设定目标,让你在产品经理的道路上,每一步都走得清晰而坚定。

编辑导读:下拉菜单是一个常用的功能,用户可以在框中选择自己想要的选项,也可进行全选。本文作者分享了如何用Axure制作下拉菜单+复选框全选效果,希望对你有帮助。

在设计过程中会常常用到下拉菜单,本次课程我们学习下拉菜单+复选框全选效果。

预览及下载地址:https://ahbvk2.axshare.com/

一、制作原型

1.制作下拉菜单的选择框

拖入两个【矩形】元件,【文本标签】制作成下拉菜,菜单部分组合一起

2.制作下拉菜单中的菜单部分

(1)全选
拖入【动态面板】设置成两个状态,

(2)选项标签

拖入一个【中继器】,并设置,选项框设置为两个状态

二、交互设置

每项加载时获取文字

设置复选框鼠标点击事件

设置“全选”复选框设置鼠标点击事件

设置下拉菜单鼠标点击事件

最后设置“取消”和“确定”按钮的鼠标点击事件

 

本文由@qianqianlu 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Pixabay,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 字和步骤都看的懂,但就是懒得实践。。。哈哈哈哈

    来自福建 回复
    1. 然后长时间不用,等用起来不会了

      来自浙江 回复
    2. 所以就先收藏,等要用了再学哈哈哈

      来自福建 回复
专题
14045人已学习13篇文章
对企业而言,计费管理系统是相对基础和重要的一个系统,那么,怎么搭建计费管理系统呢?你了解计费系统的主要功能吗?本专题的文章分享了计费系统设计指南。
专题
13488人已学习13篇文章
产品设计与用户的体验感息息相关,但是很多时候产品经理在产品设计过程中会忽略掉可能影响到用户体验感的一些因素,比如一些异常状态的出现会让用户产品卸载的想法。本专题的文章分享了产品异常场景设计指南。
专题
13226人已学习14篇文章
数字营销有着精准度高、成本较低、效果可量化等优点,很多企业都尝试了数字营销。本专题的文章分享了数字营销的相关内容。
专题
13728人已学习14篇文章
各种大模型和AI绘画的产品层出不穷,在各行业也在尝试进行应用。在这个阶段,AIGC能实现些什么?本专题的文章分享了AIGC的应用。
专题
34245人已学习16篇文章
信息流背后有着怎样的逻辑和策略?
专题
14633人已学习13篇文章
数据仓库是所有产品的数据中心,公司体系下的所有产品产生的所有数据最终都流向数据仓库。本专题的文章分享了什么是数据仓库和如何搭建数据仓库。