Axure教程—菜单(中继器)

news2025/1/13 10:08:12

本文将教大家如何用AXURE中的中继器制作菜单(自动折叠其他菜单)
一、效果介绍
如图:
在这里插入图片描述
预览地址:https://iuek50.axshare.com
下载地址:https://download.csdn.net/download/weixin_43516258/87854640?spm=1001.2014.3001.5503
二、功能介绍

  • 点击菜单,展示其子菜单
  • 自动折叠其他菜单

三、制作方法
(1)中继器
拖入一个中继器,为其赋值,如图:
在这里插入图片描述
(2)中继器内部
- 菜单
拖入一大一小矩形,其小矩形为文本标签,小标签命名为”菜单“,两个矩形组合一起,命名为组合1,在大矩形右边加入一个图片组件,其为箭头图片,三个组件组合一起命名为组合1,如图:
在这里插入图片描述

  • 子菜单

    拖入一大一小矩形,其小矩形为文本标签,小标签命名为”子菜单“,两个矩形组合一起,命名为组合2,
    在这里插入图片描述
    连个组合重叠一起(组合1在组合2上),如图:
    在这里插入图片描述
    最终设计,如图:
    在这里插入图片描述
    四、交互设置
    (1)中继器
    中继器载入和每项加载时设置,如图:
    在这里插入图片描述
    (2)中继器内部组合

  • 组合1
    鼠标点击时交互设置,如图:
    在这里插入图片描述

  • 组合2
    鼠标点击时交互设置,如图:
    在这里插入图片描述

设计中菜单样式和颜色可以自由修改。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/601746.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

知识图谱简介

什么是知识图谱? 参考:知识图谱1、知识图谱2 本质上,知识图谱主要目标是用来描述真实世界中存在的各种实体和概念,以及他们之间的关系,因此可以认为是一种语义网络。 主要作用:通过数据,建立图…

智能自动化助力业务升级:探究低代码开发和业务流程自动化

当我们开始探索业务流程自动化(BPA)时,就证明我们已经真正进入到企业数字化转型的核心领域了——企业越来越关注如何通过创新技术来提高效率、降低成本并实现业务流程的自动化。在这个背景下,低代码开发平台和业务流程自动化成为了…

vue 滚动加载

在 Vue中,如果一个组件是一个 button,那就可以直接调用 input ()方法,将组件的 button放入到v-ui中。 然而在v-ui中,一个组件可能不止一个 button,而这些 button还需要从浏览器加载到 DOM树中。…

一个投喂ChatGPT大内容的小技巧

大家好,我是五竹。心血来潮整理了一份手册:《ChatGPT学习指南》并且将为小白们持续更新和GPT相关的资源和教程,专注于打造一部最好的GPT入门指南,欢迎大家转发、收藏、点赞支持!谨防失联! 至今还有很多人都…

渗透测试适合小白学习吗会让人感觉到无聊吗?

渗透测试是一项复杂的技能,需要具备扎实的计算机知识,对网络和系统安全有深入的理解和认识。对于初学者来说,建议先学习计算机网络、操作系统、编程语言等相关基础知识,了解渗透测试的概念、流程和常用工具。同时,需要…

HMR API及其原理

很久之前,遇到一个面试题:【在代码变更之后,如何实时看到更新后的页面效果呢?】 在传统的方案中,我们可以通过 live reload 也就是自动刷新页面的方式来解决的,不过随着前端工程的日益庞大,开发…

CSS3+HTML5

1、HTML5 2、HTML5标签 链接标签 <a href"https://www.baidu.com">打开百度&#xff0c;你就知道&#xff01;</a> 链接的属性与作用 属性1&#xff1a;href 作用&#xff1a;用于指定链接目标的url地址&#xff0c;当为标签应用href属性时…

(2022,DynamicD)使用动态鉴别器改进 GAN

Improving GANs with A Dynamic Discriminator 公众号&#xff1a;EDPJ 目录 0. 摘要 1. 简介 2. 相关工作 3. 方法 3.1 基础 3.2 动态鉴别器 3.3 针对不同数据体系的两种方案 4. 实验 4.1 设置 4.2 实证研究 4.3 与现有方法的比较 4.4 DynamicD 的泛化性和兼…

如何从底层优化memmove

如何从底层优化memmove 先实现memmove: 如果没有重叠&#xff0c;可以按任何方向拷贝如果有重叠&#xff0c;先拷贝重叠位置&#xff0c;再考虑是前重叠还是后重叠 优化策略&#xff1a; 拷贝数据的时候应该根据寄存器的大小来设计拷贝单位&#xff0c;注意数据区域可能不是…

怎么快速搭建Vue+Vite项目?

快速搭建VueVite项目的步骤如下&#xff1a; 1.随便创建一个文件夹&#xff0c;用来放项目。我这里创建的文件夹名称是my-vite。 2.在当前目录的路径显示框输入cmd,快速打开cmd命令窗口 3.输入以下命令查询电脑是否已经安装了node.js&#xff0c;此时需注意node版本需要&g…

Nginx的讲解

Nginx的讲解 关于Nginx编译安装Nginx服务1.关闭防火墙&#xff0c;将安装nginx所需软件包传到/opt目录下2.安装依赖包3.创建运用用户、组4.编译安装Nginx5、检查、启动、重启、停止 nginx服务6.添加 Nginx系统服务 Nginx服务的主配置文件 nginx.conf1.全局配置2.I/O 事件配置3.…

【笔试强训编程题】Day3.(字符串中找出连续最长的数字串 69385)和(数组中出现次数超过一半的数字 23271)

作者简介&#xff1a;大家好&#xff0c;我是未央&#xff1b; 博客首页&#xff1a;未央.303 系列专栏&#xff1a;笔试强训编程题 每日一句&#xff1a;人的一生&#xff0c;可以有所作为的时机只有一次&#xff0c;那就是现在&#xff01;&#xff01;&#xff01;! 文章目录…

【shiro】shiro整合JWT——3.执行流程

前言 shiro整合JWT系列&#xff0c;主要记录核心思路–如何在shiroredis整合JWTToken。 上一篇中&#xff0c;主要讲如何在shiro框架中配置Jwt&#xff0c;以及token执行的流程。 该篇主要梳理整个代码的执行流程。 ps&#xff1a;本文主要以记录核心思路为主&#xff0c;以下…

JavaWeb14(ajax02判断账号是否存在JSON介绍AJAX+JSON字符串和对象之间的转换JSON实现自动补全)

目录 一.AJAX实现即时检查用户名是否存在 1.1 效果预览 1.2 代码实现 ①html代码 ②ajax请求 ③底层代码 2.JSON概述. 2.1何为JSON. 2.2为什么需要JSON. 2.3JSON格式介绍. 2.3.1JSON对象格式. 2.3.2JSON数组格式. 2.3.3JSON对象数组格式. 3.JSON字符串的解析. 3.1…

springboot启动过程原理分析

前言 现在绝大多数java项目都上了Springboot框架, 因此深入理解Springboot框架的运行原理,能帮助我们更好的在Springboot框架下进行业务开发,同时能学习框架中优秀的设计思想, 本文主要是通过对Springboot源码的分析, 来理解整个springboot项目的启动流程. 因为Springboot不同…

Spring:Spring框架_事务传播和隔离级别 ④

一、事务和四大特性 事务&#xff1a;指数据库的一个执行操作单元 事务的四个特性&#xff08;ACID&#xff09; 1.1 原子性 原子性&#xff08;Atomicity&#xff09;&#xff1a;操作这些指令时&#xff0c;要么全部执行成功&#xff0c;要么全部不执行。只要…

JUC 学习笔记

JUC 学习笔记 本文为笔者对 JUC 的学习记录&#xff0c;主要参考了尚硅谷的 JUC 教程 文章目录 JUC 学习笔记1. JUC 概述什么是 JUC&#xff1f;线程和进程&#xff1a;进程的状态&#xff1a;wait 和 sleep&#xff1a;并发和并行&#xff1a;管程&#xff1a;用户线程和守护…

Python numpy - 数组的向量化运算

目录 一 函数numpy.where 二 数组统计方法 1 基础数组统计方法 2 布尔值数组的方法 三 排序 1 函数sort 2 函数np.unique 向量化&#xff1a;利用数组表达式来替代显式循环的方法 一 函数numpy.where 条件逻辑函数 where(condition, x, y) condition为条件,当满足条件…

有限状态机器测试(过渡游览法)

有限状态机器测试(过渡游览法) 测试相关概念—故障类型 行为由转换定义。 故障分为三种类型&#xff1a; 输出错误Output faults&#xff1a;错误的输出是由转换产生的。 状态转移错误State transfer faults&#xff1a;转移到错误的状态。 额外的状态Extra states&#xff08…

医院检验科检验系统(LIS)源码:临检、生化、免疫、微生物

一、检验科检验系统 &#xff08;LIS&#xff09;概述&#xff1a;对接HIS&#xff0c;医生工作站能够方便、及时的查阅患者检验报告。 二、检验科检验系统 &#xff08;LIS&#xff09;主要功能描述&#xff1a; 1.质控品管理&#xff1a; 医院设备质控&#xff08;编码、设…