Axure学习笔记（六）-多种形式实现显示与隐藏

最新推荐文章于 2024-04-30 11:14:13 发布
VIP文章 最新推荐文章于 2024-04-30 11:14:13 发布
阅读量3.9k 收藏 1
点赞数 1
分类专栏： Axure 文章标签： axure 产品设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48911487/article/details/119807798
版权

注：该笔记适用环境：win10+Axure RP 8

1.下拉菜单的制作

        1）给下拉菜单的元件命名

 

        2）建议放置“热区”（其实就是一个透明组件，多用来框定 可点击范围）

   

 

        3）将下拉菜单先进行隐藏

 

        4）设置点击事件将其显示

最低0.47元/天 解锁文章
雨季袭来
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Axure动态交互侧边栏UI隐藏弹出动态菜单导航-2018时尚版
09-14
手机端和PC端都可以用的交互，侧边栏，侧滑效果，隐藏效果。
使用axure实现点击下拉列表框中任意一个选项时，触发（联动）该选项需要查看的内容，隐藏其他内容
热门推荐
xdh19940602的博客
07-18 6万+
1.在一个新建的项目模型里，在图形库选中下拉列表框，拖到空白处，如下所示：  2.编辑列表选项：双击下拉列表框，为列表框添加相应的选项（可单个添加也可选择一次性添加），这里举例子以网点为例，其他子选项添加方式类似，效果如下：    预览查看效果，下拉框中添加选项成功。（如果想要使得选项居中，在添加选项的时候可以使用空格） 3.要使得我们点击下拉框中的某个子选项时，在空白位置显示出相...
Axure 显示与隐藏
weixin_57765775的博客
05-08 2319
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术： Axure RP 8 作者：苏恩祺 撰写时间：2021/5/7 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1.打开Axure软件 2.然后在Axure元件库里拉出一个矩形，把它改成合适的大小 3.在元件库里拉出一个图片，将图片改从合适的大小，双...
最棒的AXURE原型系列1-6季的全部作品
06-25
最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季的全部作品 最棒的AXURE原型系列1-6季
axure-常用图标-实例
12-14
axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例 axure-常用图标-实例
Axure RP 教程如何隐藏和显示小部件教程
goldksoft的博客
10-21 3716
显示小部件时，您可以选择将页面上的其他小部件“向下推”或向右“推”，以便为显示的小部件腾出空间。隐藏小部件时，您可以选择让页面上的其他小部件向上或向左“上拉”，以填充隐藏小部件留下的空白区域。使用“显示”选项显示小部件时，您可以选择将其视为浮出控件。使用“显示”选项显示小部件时，您可以选择将其显示为灯箱。此选项在“显示/隐藏”操作底部的“更多选项”下的下拉菜单中可用。这些选项在“显示/隐藏”操作底部的“更多选项”下的下拉菜单中可用。此选项在“显示/隐藏”操作底部的“更多选项”下的下拉菜单中可用。
rp9弹出框设置隐藏
海洋中摇曳的扁舟
10-09 1367
1、新建动态面板，作为弹出框-（一般作为新增、修改弹框使用），在面板中添加相关控件。 2、设置弹框相关控件作为组合，右键组合，设置为隐藏。 3、在主界面设置弹框的出现触发机制，比如在“新增”按钮设置交互，使组合显示。 ...
Axure 点击按钮 组件出现与自动隐藏
qq_22794723的博客
10-23 4026
1.选择按钮 2.鼠标点击时事件设置 3.分别设置显示、等待、隐藏事件，即完成效果。
Axure下拉框的多选与取消
心若向阳 无谓悲伤
04-05 7057
下拉框实现多选，并可将选择内容显示在文本框中及通过文本框将选中项删除
axure9点击下拉选项时，对应切换动态面板的内容
weixin_68221025的博客
11-30 1481
3、对下拉框进行设置点击事件：当选项选中时，情形1：被选择 当前 = 值 “{选项的值}”，设置隐藏与显示，设置展示动态面板的状态即可。1、添加一个下拉框，添加所需的选项，如图。
Axure学习笔记-好资料免费分享
09-15
软件中有不完善的地方，要靠自己的经验来规避和克服，还算好用。 熟练了Axure，对软件设计文档的编写大有帮助，因为可以有一些界面图出来。 画界面图时多用Axure，画流程图时多用Visio，为的是熟练Axure，并且Axure画界面要简便许多，节约时间。 有基本的功能就可以，不必太苛求，因为本工具只是画原型。 根据Axure实现的效果，反过来推HTML/CSS怎样来实现
axure-redline-tool：Axure交互式红线工具
02-04
Axure交互式红线工具该插件旨在模仿插件 for Sketch或... script src= " https://cdn.jsdelivr.net/npm/axure-redline-tool@latest/web/axure-redline-plugin.js " >[removed] 当前版本< script src= " ht
Axure谷歌浏览器插件axure-chrome-extension下载
08-02
Axure导出的html文件在浏览器中打不开，是因为浏览器缺少“axure-chrome-extension”插件导致。只需要在扩展程序中安装一个插件“axure-chrome-extension”，就可以解决问题了。
【Axure高保真原型】拖动穿梭选择器
mushe93的博客
04-30 351
今天和大家分享拖动穿梭选择器的原型模板，我们可以拖动两个选择器里的选项标签，移动到另外一个选择器里。那这个原型模板是用中继器制作的，所以使用也很方便，只需要在中继器表格里填写选项信息，即可自动生成交互效果，具体效果可以点击下方视频观看
node-v11.8.0-linux-arm64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
C语言期末大作业之图书信息管理系统实现-基于Dev-C++实现.zip
05-04
c语言期末大作业 C语言期末大作业之图书信息管理系统实现_基于Dev-C++实现
node-v8.16.2-sunos-x64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
爬虫selenium需求geckodriver
最新发布
05-04
爬虫selenium最新版本缺少的,快速拿去使用。
毕业设计基于 YOLOv8 和 LPRNet 的车牌识别系统python源码+模型.zip
05-04
1、该资源包括项目的全部源码，下载可以直接使用！ 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
axurerp-setup-3740.dmg用途
09-13
axurerp-setup-3740.dmg是一个文件，通常用于Mac操作系统中安装Axure RP软件。Axure RP是一款流行的用户体验（User Experience，简称UX）设计工具，它主要用于创建交互式原型和线框图，帮助设计师和开发人员展示和测试他们的产品或应用程序的用户界面。 该软件具有丰富的功能，允许用户创建高保真的模型，包括可交互的菜单、按钮、表单等。设计师可以使用该软件来快速设计产品设计，以及通过创建各种交互和动画效果来展示产品的用户流程。通过使用Axure RP，用户可以编写和共享规范和文档，以便与团队成员进行协作和沟通。 axurerp-setup-3740.dmg是一个安装文件，可以通过双击它来启动Axure RP的安装过程。安装后，用户可以开始使用该软件并享受其提供的各种功能和工具。Axure RP是设计师和开发人员之间沟通和合作的重要工具，它可以帮助他们更好地理解和改进人机交互界面，并最终提供更好的用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值