Axure设置下拉菜单事件动作

0 2022-01-12 09:38 内容校对:海绵宝宝手里的锅铲
收藏(0) 共有 130 人学习了本教程

《Axure设置下拉菜单事件动作》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强元件,原型,交互设计等多维度案例或实操来进行更多的学习;此教程是由Valentina在2022-01-12发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。

下拉菜单是产品的基本功能,可以为用户提供多种选择。下面就由北极熊素材库的小编给大家详细的介绍一下如何设计和构建下拉菜单,一起来看一看吧。

一、效果预览

Axure设置下拉菜单事件动作

原型预览地址:http://www.atomstudio.cn/demos/elementui_dropdownmenu/

二、准备工作

已安装xstar组件库2021.12.24版(或更高版本)。

三、详细教程

1. 功能说明

  • 鼠标经过按钮时,显示下拉菜单
  • 下拉选项中包含图标
  • 点击选项,跳转页面

2. 操作说明

放置“下拉菜单”元件

从组件列表中选择【ElementUI元件库】,在组件列表中会显示出组件列表。从中找到下拉菜单组件,并拖拽到编辑区中。

Axure设置下拉菜单事件动作

设置菜单名称

(1) 在编辑区中选中下拉菜单组件。

Axure设置下拉菜单事件动作

(2) 在右侧属性设置面板中,设置菜单名称。

Axure设置下拉菜单事件动作

设置菜单样式

在样式列表中选择需要的样式,可选样式包括:默认样式、主要样式、成功样式、警告样式、错误样式、信息样式、链接样式。

Axure设置下拉菜单事件动作

样式选择后,效果如下:

Axure设置下拉菜单事件动作

设置菜单选项卡-名称

(1) 点击“编辑数据项”按钮,打开选项卡设置窗口。

Axure设置下拉菜单事件动作

(2) 选择对应的选项卡,在右侧名称输入框中输入需要的名称,点击确认按钮

Axure设置下拉菜单事件动作

设置选项卡图标

点击图标后面的 “选择”按钮,打开图标选择窗口,在分类中选择分类,在图标区选中需要的图标,点击“选择”按钮。

Axure设置下拉菜单事件动作

Axure设置下拉菜单事件动作

分割线设置

选择分隔线选项,则在选项上方会出现一条线将其他选项与此选项分隔开。

禁用设置

勾选禁用选项后,对应的选项变成不可点击状态。

交互动作设置

(1) 创建新页面

Axure设置下拉菜单事件动作

(2)编辑新页面,用于识别是否完成交互动作,这里只在新页面放置一段文本。

Axure设置下拉菜单事件动作

(3) 在页面1中放置一个页面容器,用以显示交互页面。

Axure设置下拉菜单事件动作

(4)打开菜单的数据项编辑窗口,进行交互动作设置。交互动作包括当前页链接、容器内链接、父框架链接。

Axure设置下拉菜单事件动作

(5)设置当前页链接的交互方式。

Axure设置下拉菜单事件动作

(6)设置容器内链接的交互方式

Axure设置下拉菜单事件动作

(7)设置完成 点击确定按钮。

3. 预览效果

按键盘上的F5键,或者点击右上角的预览按钮进行预览。

Axure设置下拉菜单事件动作

以上就是Axure设置下拉菜单事件动作的全部内容介绍了,关于更多axure菜单制作的教程信息,可参阅Axure创建动态面板制作左侧下拉菜单导航,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。

0

赠人玫瑰,手有余香

本内容由Valentina原创发布,小编仅对内容版式进行调整,如有侵犯你的权利,请联系我们。

如果你觉得好,你可以将本课程转发给你的朋友!

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员