点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 闪豚AI训练★批量生成原创好文章 本广告位待租本广告位待租待租
点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 高质量SEO原创文章生成☆过AI检测 本广告位待租本广告位待租待租
点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 NLP原创SEO文章AI自动生成教学 本广告位待租本广告位待租待租

温馨提示:需广告位请联系广告商务经理

Axure中继器:2级菜单最简洁的打开方式

之前看到过很多介绍制作2级菜单的文章,大都是制作N个子菜单,隐藏后待适当时机(点击)再显示。看看密密麻麻的隐藏元件,实在头大,是否...

之前看过很多关于制作二级菜单的文章,大多是制作N个子菜单,隐藏起来然后在适当的时候显示出来(点击)。看密密麻麻的隐藏组件。它们真的很大。有没有一些简单的方法?

当然有!今天,我将带你尝试用复读机完成一个二级菜单。来看看吧~

先看效果:

第一阶段:准备基本素材元件

1、拖拽1个中继器到主操作区域

如下图:

2、双击中继器,进入编辑中继器内的元件

2-1、删除默认的矩形

2-2、增加4个矩形

它们是:

1一级菜单项,填写文字:一级菜单。该组件被命名为一级菜单。

二级菜单项有三个,用文字填充,分别命名为二级菜单1、二级菜单2、二级菜单3。

四个矩形之间的间距设置为10像素(练习时可以自己调整这个值)。A和B完成后,效果如下:

产品运营例矩形的宽度和高axure怎么读度为axure下载3axure教程00 * 40。

2-3、简单样式调整

设置二级菜单的x产品运营主要做什么坐标为20,宽度比一级菜单小20像素。同时适当调整主次菜单的样式,以显示主次区别。

调整后的效果如下:

样本Axure一级菜单填充颜色:CCCCCC,线宽为无,其他地方Axure为默认设置;二次线段颜色为E4E4E4,其他为默认设置。

2-4、将二级菜单设置为一个整体

axure怎么读三个二级菜单矩形组合起来,命名为“二级菜单”,这样在交互时可以一起展开/收缩(使用hide/show方法)。

注:也可以将其设置为动态面板。

此时回到主区域查看效果,如下图所示:

正如你所看到的,仍然存在产品运营是什么一些问题

后一个二级菜单与相邻的一级菜单之间为紧靠着的,间距没有体现出来。所以,我们还要做一步操作,以保证所有菜单都相邻10像素。

3、设置中继器的间距

单击中继器,然后右侧选择中样式,找到最底下的“间距”设置,如下图:

在“行”后面的输入框中,填入10 —— 表示行间距为10像素,效果立即就出来了,如下图:

至此,完成了基本素材的所有准备,下面进行交互设置阶段。

第二阶段:设置交互效果

1、设置二级菜单为隐藏 —— 默认情况下二级菜单是未展开的

双击中产品运营怎么写继器进行入编辑,选中二级菜单axure下载(组合),勾选隐藏。

选中之后,隐藏效果。

回到主界面,效果如下图:

已达成所有二级菜单默认收缩的效果,下面添加展开的动作。

2、展开/收缩二级菜单

预期的效果为:点击一级菜单,展开/收藏二级菜单。

  • 二级菜单收缩时,单击一级菜产品运营简历应届生单,展开二级菜单;
  • 二级菜单展开时,单击一级菜单,收缩axure是什么软件二级菜单。

双击中继axure和墨刀的区别器进行入编辑,点击矩形“一级菜单”,(右侧属性)双击“鼠标单击”。

设置动作为:切换“二级菜单(组合)”的可见性为“切换”。

产品运营简历应届生此,交互动作设置完成,点击F5进入预览效果Axure,正常的效果如下图:

第一、第二阶段完成之后,2级菜单的基本雏产品运营和产品经理的区别形已经有了。但是产品运营所有的一二级菜单数据都是一样的,跟实际情况不符合,故接下来要使用中继器的特性,给各个菜单的数据重新赋值。产品运营

第三阶段:设置数据

1、添加数据

点击中继器,右侧属性,给中继器添加相应数据,如axure基础教程下图:

字段说明:

  • no1:一级菜单
  • no2_1:二级菜单1
  • no2_2:二级菜单2
  • no2_3:二级菜单3

2、赋axure教程值 —— 给各个矩形赋上相应的值

点击中继器,右侧属性,双击“每项加载时”,选axure教程择动作“设置文本”,给4个矩形依次赋值,如下Axure图操作:

回到主操作区域,看一下,现在的效果,变成了这样。

按下F5,产品运营简历模板范文看下预览效果,如下:

至此,二级菜单基本完成。是不是很简单?!

免责说明

本站资源大多来自网络,如有侵犯你的权益请提交工单反馈(点击进入提交工单) 或给邮箱发送邮件laakan@126.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!

给TA打赏
共{{data.count}}人
人已打赏
!
也想出现在这里? 联系我们
广告信息
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索