首页 >微信营销

Axure:显示/隐藏中的推动和拉动原理分享

2020-06-22

  本文是关于Axure中,显示/隐藏中的推动和拉动原理分享,一起来看看~      直接上推动和拉动元件的定义:      注意点:   被推动元件的坐标需>=显示元件坐标?   推动的距离正好是,显示元件的高度 ......

  本文是关于Axure中,显示/隐藏中的推动和拉动原理分享,一起来看看~

  Axure:显示/隐藏中的推动和拉动原理分享Axure:显示/隐藏中的推动和拉动原理分享

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

  Axure:显示/隐藏中的推动和拉动原理分享Axure:显示/隐藏中的推动和拉动原理分享

  注意点:

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

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

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

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

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

  Axure:显示/隐藏中的推动和拉动原理分享Axure:显示/隐藏中的推动和拉动原理分享

  方向:下方,右侧。

  意思:推动的时候:向下方推动和向右侧推动。

  拉动:就是把下向的元件和右侧的元件拉回来。

  1、被推动的元件,必须>=显示元件的坐标?

  例如:向下推动。

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

  Axure:显示/隐藏中的推动和拉动原理分享Axure:显示/隐藏中的推动和拉动原理分享

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

  Axure:显示/隐藏中的推动和拉动原理分享Axure:显示/隐藏中的推动和拉动原理分享

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

  Axure:显示/隐藏中的推动和拉动原理分享Axure:显示/隐藏中的推动和拉动原理分享

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

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

  Axure:显示/隐藏中的推动和拉动原理分享Axure:显示/隐藏中的推动和拉动原理分享

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

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

  Axure:显示/隐藏中的推动和拉动原理分享Axure:显示/隐藏中的推动和拉动原理分享