博客概要

分享利用Axure制作的一个粗糙的下拉菜单~

文章目录

- 博客概要
Axure RP8-实战案例_总目录
- 下拉菜单
- 制作过程
- - 1.下拉按钮
  - 2.下拉框+下拉文本
  - 3.隐藏
  - 4.设置用例
  - 5.效果展示
- 总结

Axure RP8-实战案例_总目录

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

下拉菜单

解释	在计算机应用中，下拉菜单是选单的一种表现形式。具体表现为：当用户选中一个选项后，会向下延伸出具有其他选项的选单。下拉菜单通常应用于把一些具有相同分类的功能放在同一个下拉中
效果	点击一个菜单时出现的对应列表，即下拉列表
【PS】	1.此次制作，样式简洁，请自行美化 2.有多种制作方式，此次只制作了其中一种，其余后续分享
…	…

制作过程

1.下拉按钮

这里设置“下拉按钮”，按钮可直接从元件库中拖拽，样式多种可选，亦可自行绘制，点击可修改文本内容。

2.下拉框+下拉文本

与“下拉按钮”同理，拖拽、点击完成“下拉框”、“下拉文本”的设置。

3.隐藏

选中“下拉内容”——“下拉框”+“下拉文本”（这里事先把它们Ctrl+G成组），勾选“隐藏”，使之隐藏。

4.设置用例

4.1下拉按钮选择要添加用例

选中“下拉按钮”，在属性栏里选择“添加用例”（这里只选用了“鼠标单击”的用例，其他用例的效果请自行尝试= =），双击其中“鼠标单击时”，后续选择具体用例效果。

4.2用例添加选择

承接上步“双击鼠标”，会跳出相应弹窗，在“添加动作”目录下选择“元件”-“显示/隐藏”-“切换可见性”-“确定”，完成用例效果的添加。（这里除了“切换可见性”能实现效果外，还有其他方式，请自行研究= =）

4.3用例添加成功

用例效果添加成功后，属性栏就会产生相应的显示变化。

5.效果展示

点击“下拉按钮”—出现“下拉内容”—完成“下拉菜单”展示。

总结

以上= =“下拉菜单”技能点get~

Axure—下拉菜单相关推荐

axure添加下拉菜单联动
axure使用中会遇到下拉菜单联动的设置问题,本文分步讲解. 首先,在空白页面中拖拽一个下拉框,如下所示: 之后设置该下拉框选项,如下所示: 设置下拉框名字为班号,如下所示: 之后再拖入一个下拉框,并 ...
Axure 9 实战案例，动态面板的应用 4.1，省市区三级联动下拉菜单（重制简易版）
前言 Hello!欢迎来到Axure 9 实战案例教程专栏. 本次课程我们继续来学习一下,动态面板的应用.本篇我们来讲解一下,如何绘制省市区联动下拉菜单(重新撰写简易版). 下拉菜单初稿为了节省时间 ...
Axure教程：用中继器做下拉菜单（含视频教程）
今天和大家分享一个中继器的高级教程--用中继器来做下拉菜单. 该教程有视频教程,已上传至原型分享群,进群可查看视频及下载原型. 一.原型效果预览下面是做好的下拉菜单的效果,你们也可以自行体验哈. 原 ...
Axure-----三级下拉菜单的具体实现过程
********三级下拉菜单的动画效果:********** 1.选中三级菜单将其转换为动态面板,命名为treePanel,并隐藏. 2.选中二级菜单添加交互效果:[切换可见性],勾选treePane ...
CSS3——对齐组合选择符伪类伪元素导航栏下拉菜单
水平&垂直对齐元素居中对齐 .center {margin: auto;width: 50%;border: 3px solid green;padding: 10px; } 文本居中对齐 ...
bootstrap:按钮，下拉菜单
'btn':加按钮样式 btn-small btn-large:调整按钮大小 btn-primary....:调整按钮风格 btn-group:声明这是一个按钮组 <span class='ca ...
popwindow下拉筛选二级联动_职场人必备！一分钟搞定Excel二级联动下拉菜单
对于一级下拉菜单的设置,相信经常使用Excel的用户都不陌生,那么,二级联动下拉菜单又是什么呢?与一级下拉菜单有什么关系呢? 二级联动下拉菜单是根据一级下拉菜单内容的变化而变化的.大家都知道,不同的部 ...
在做会员资料修改时,实现下拉菜单的默认项定位
作者:lshdic http://blog.csdn.net/lshdic/ <!--在写一个交友网站时碰到的问题,就是当会员修改资料时,如何定位SELECT的菜单列默认项,不过很容易就解决 ...
iOS 多级下拉菜单
前言 App 常用控件 -- 多级下拉菜单, 如团购类, 房屋类, 对数据进行筛选. 有一级, 二级, 三级, 再多就不会以这种样式,呈现给用户了. 作者就简单聊一下多级下拉菜单二级下拉筛选菜单. ...

Axure—下拉菜单