Axure中显示/隐藏中的推动和拉动是什么原理

Axure中显示/隐藏中的推动和拉动是什么原理

Axure中推动元件的原理是:如果被推动元件坐标大于等于显示元件坐标(x方向或y方向)时,该元件就会被推动一定距离(显示元件的高度或宽度)。且,被推动元件与显示元件推动方向有一定的相交。而拉动元件原理与推动元件原理相反。本文将给大家介绍一下具体内容。

注意点:

1,被推动元件的坐标需>=显示元件坐标?

2,推动的距离正好是,显示元件的高度或宽度?

3,被推动元件必须跟显示元件推动方向范围内有一定的相交?

虽说是定义,不说还好,很多小伙伴还能理解推动和拉动。

我们先看看,显示隐藏的推动和拉动的交互设置界面。

Axure推动/拉动元件

方向:下方,右侧;意思:推动的时候:向下方推动和向右侧推动。拉动:就是把下向的元件和右侧的元件拉回来。

1,被推动的元件,必须>=显示元件的坐标?例如向下推动。

A:为显示隐藏对象。

B:为被推动/拉动对象。

如下图,蓝色横线为隐藏对象B的顶点。此时只要A的Y坐标不超过B的Y坐标,A显示的时候,就可以推动B向下移动。

Axure向下推动

如果B的Y坐标向上移动超过蓝色线条。B就不可能推动。如下图:

Axure无法推动

2,推动的距离正好是,显示元件的高度或宽度?

A:为显示隐藏对象。

B:为被推动/拉动对象。

Axure显示元件的高度和宽度

当A元件显示时,推动B元件向下移动,推动距离正好为A的高度。如果向右侧推动,即为A的宽度。

3,被推动元件必须跟显示元件推动方向范围内有一定的相交?

A:为显示隐藏对象。

B:为被推动/拉动对象。

满足第一个条件时,并且被推动元件B与显示元件A在推动方向范围内有交集(推动方向:向下,范围:在A的左右边框范围里。),这样才会推动B向下方。

以下情况B将不会被推动:因为向下方推动,B跟A在推动方向范围内没有交集。

A:为显示隐藏对象。

B:为被推动/拉动对象。

Axure不会被推动

以上内容就是关于推动和拉动的原理,更多感兴趣的教程,点击文章:如何在Axure软件中增加字体

1 comment so far

Axure实现广告图片自动轮播和点击切换的效果 | Axure 中文网Posted on3:24 下午 - 2月 13, 2019

[…] 用此方法重复把每一帧的焦点样式制作好,我们的banner图自动轮播+点击切换轮播,就完成了,更多感兴趣的教程,点击文章:Axure中显示/隐藏中的推动和拉动是什么原理。 […]

在线客服
客服邮箱
客服电话
17051276424