Axure:顯示/隱藏中的推動和拉動原理分享

5 評論 13550 瀏覽 20 收藏 4 分鐘

本文是關于Axure中,顯示/隱藏中的推動和拉動原理分享,一起來看看~

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

注意點:

  1. 被推動元件的坐標需>=顯示元件坐標?
  2. 推動的距離正好是,顯示元件的高度或寬度?
  3. 被推動元件必須跟顯示元件推動方向范圍內有一定的相交?

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

我們先看看,顯示隱藏的推動和拉動的交互設置界面。

方向:下方,右側。

意思:推動的時候:向下方推動和向右側推動。

拉動:就是把下向的元件和右側的元件拉回來。

1、被推動的元件,必須>=顯示元件的坐標?

例如:向下推動。

如下圖,藍色橫線為隱藏對象B的頂點。此時只要A的Y坐標不超過B的Y坐標,A顯示的時候,就可以推動B向下移動。

如果B的Y坐標向上移動超過藍色線條,B就不可能推動,如下圖:

2、推動的距離正好是,顯示元件的高度或寬度?

當A元件顯示時,推動B元件向下移動,推動距離正好為A的高度。如果向右側推動,即為A的寬度。

3、被推動元件必須跟顯示元件推動方向范圍內有一定的相交?

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

以下情況B將不會被推動:因為向下方推動,B跟A在推動方向范圍內沒有交集。

本文由 @小哥 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自 Pexels,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 智商不行,時間來湊,弄了兩個小時才學會

    來自廣東 回復
  2. 用這功能輕而易舉的做出手風琴菜單

    回復
  3. Axure只能向右和向下推動真是蛋疼 向左和向上呢

    來自美國 回復
  4. 確實說的不太清楚,應該講明A是隱藏的,隱藏的元件顯示時會推動重疊的元件

    來自天津 回復
  5. 講的啥玩意,你這講的只有自己能看懂吧,有這時間我還不如自己上axure試試呢

    來自浙江 回復