今天分享axure设计出鼠标展示折叠效果的具体操作步骤。

 你们知道axure吗?那么你们知道使用axure如何设计鼠标展示折叠效果吗?在此篇文章中就为你们带来了axure设计出鼠标展示折叠效果的具体操作步骤。 

今天分享axure设计出鼠标展示折叠效果的具体操作步骤。

 1、从左侧部件库中拖拉2个矩形,按照个人设定的样式,直接用鼠标拖拉调整好;然后复制矩形——选中要复制的内容,按住ctrl键,将光标移至矩形处变成一个双十字箭头(可移动标志)后,按住鼠标往旁边拉动,即复制成功。这里以复制两个后的三个为例。 

今天分享axure设计出鼠标展示折叠效果的具体操作步骤。

 2、为便于区分,分别给三个色块填充上不同的颜色,并给六个矩形分别命名,还可分别输入文字加强识别。 

今天分享axure设计出鼠标展示折叠效果的具体操作步骤。

今天分享axure设计出鼠标展示折叠效果的具体操作步骤。

 3、将下面的三个内容框矩形设为隐藏:选中要隐藏的部件,点击勾选“hidden”;接着,把绿色部分移到黄色标题栏下面,遮住绿色隐藏部分,粉红色类推,变成图中的左侧堆叠形态。 

今天分享axure设计出鼠标展示折叠效果的具体操作步骤。

今天分享axure设计出鼠标展示折叠效果的具体操作步骤。

 4、点击黄标题栏——双击右侧“鼠标点击时”添加用例——选择左侧“显示/隐藏”部件——右侧配置动作中,勾选黄标题栏——可见性中选择“切换”——勾选“推/拉部件”,方向选择“下方”,点击确定(亦可跟随图示按步骤进行)。 

 接着,对绿标题栏、粉红标题栏进行同样的操作。标题栏设置完成后,点击演示键,即可查看效果。 

今天分享axure设计出鼠标展示折叠效果的具体操作步骤。

今天分享axure设计出鼠标展示折叠效果的具体操作步骤。

 看完了上文讲解的axure设计出鼠标展示折叠效果的具体操作步骤,你们也赶紧去试试吧! 

本文来自投稿,不代表酷牛教程立场,如若转载,请注明出处:https://www.xukn.com/159375.html

(0)
上一篇 2021-10-16 23:48
下一篇 2021-10-17 08:28

相关推荐