Axure显示/隐藏中的推动和拉动元件介绍

习惯使用Axure的动态面板后，大大增加了动态面板的出场率，动态面板的”推动/拉动元件“功能怎么使用呢？下面就给大家介绍一下Axure显示/隐藏中的推动和拉动元件：

直接上推动和拉动元件的定义：

注意点：

• 被推动元件的坐标需>=显示元件坐标？
• 推动的距离正好是，显示元件的高度或宽度？
• 被推动元件必须跟显示元件推动方向范围内有一定的相交？

虽说是定义，不说还好，很多小伙伴还能理解推动和拉动。分享完定义，估计晕倒一片！

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

方向：下方，右侧；意思：推动的时候：向下方推动和向右侧推动。拉动：就是把下向的元件和右侧的元件拉回来。

被推动的元件，必须>=显示元件的坐标？例如向下推动。

• 为显示隐藏对象。
• 为被推动/拉动对象。

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

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

推动的距离正好是，显示元件的高度或宽度？

A：为显示隐藏对象。

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

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

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

A：为显示隐藏对象。

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

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

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

A：为显示隐藏对象。

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

以上就是Axure显示/隐藏中的推动和拉动元件介绍的全部内容了，关于更多Axure教程信息，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。