本文是關于Axure中,顯示/隱藏中的推動和拉動原理分享,一起來看看~
直接上推動和拉動元件的定義:
注意點:
- 被推動元件的坐標需>=顯示元件坐標?
- 推動的距離正好是,顯示元件的高度或寬度?
- 被推動元件必須跟顯示元件推動方向范圍內有一定的相交?
雖說是定義,不說還好,很多小伙伴還能理解推動和拉動。分享完定義,估計暈倒一片!
我們先看看,顯示隱藏的推動和拉動的交互設置界面。
方向:下方,右側。
意思:推動的時候:向下方推動和向右側推動。
拉動:就是把下向的元件和右側的元件拉回來。
1、被推動的元件,必須>=顯示元件的坐標?
例如:向下推動。
如下圖,藍色橫線為隱藏對象B的頂點。此時只要A的Y坐標不超過B的Y坐標,A顯示的時候,就可以推動B向下移動。
如果B的Y坐標向上移動超過藍色線條,B就不可能推動,如下圖:
2、推動的距離正好是,顯示元件的高度或寬度?
當A元件顯示時,推動B元件向下移動,推動距離正好為A的高度。如果向右側推動,即為A的寬度。
3、被推動元件必須跟顯示元件推動方向范圍內有一定的相交?
滿足第一個條件時,并且被推動元件B與顯示元件A在推動方向范圍內有交集(推動方向:向下,范圍:在A的左右邊框范圍里),這樣才會推動B向下方。
以下情況B將不會被推動:因為向下方推動,B跟A在推動方向范圍內沒有交集。
本文為@運營喵原創,運營喵專欄作者。