本文是關(guān)于Axure中，顯示/隱藏中的推動和拉動原理分享，一起來看看~

直接上推動和拉動元件的定義：

注意點：

1. 被推動元件的坐標(biāo)需>=顯示元件坐標(biāo)？
2. 推動的距離正好是，顯示元件的高度或?qū)挾龋?/li>
3. 被推動元件必須跟顯示元件推動方向范圍內(nèi)有一定的相交？

雖說是定義，不說還好，很多小伙伴還能理解推動和拉動。分享完定義，估計暈倒一片！

我們先看看，顯示隱藏的推動和拉動的交互設(shè)置界面。

方向：下方，右側(cè)。

意思：推動的時候：向下方推動和向右側(cè)推動。

拉動：就是把下向的元件和右側(cè)的元件拉回來。

1、被推動的元件，必須>=顯示元件的坐標(biāo)？

例如：向下推動。

如下圖，藍(lán)色橫線為隱藏對象B的頂點。此時只要A的Y坐標(biāo)不超過B的Y坐標(biāo)，A顯示的時候，就可以推動B向下移動。

如果B的Y坐標(biāo)向上移動超過藍(lán)色線條，B就不可能推動，如下圖：

2、推動的距離正好是，顯示元件的高度或?qū)挾龋?/p>

當(dāng)A元件顯示時，推動B元件向下移動，推動距離正好為A的高度。如果向右側(cè)推動，即為A的寬度。

3、被推動元件必須跟顯示元件推動方向范圍內(nèi)有一定的相交？

滿足第一個條件時，并且被推動元件B與顯示元件A在推動方向范圍內(nèi)有交集（推動方向：向下，范圍：在A的左右邊框范圍里），這樣才會推動B向下方。

以下情況B將不會被推動：因為向下方推動，B跟A在推動方向范圍內(nèi)沒有交集。

本文由 @小哥 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Pexels，基于 CC0 協(xié)議