<xmp id="0c8o0">
  • <nav id="0c8o0"><code id="0c8o0"></code></nav>
    <menu id="0c8o0"><tt id="0c8o0"></tt></menu>

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

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

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

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

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

    注意點:

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

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

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

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

    方向:下方,右側。

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

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

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

    例如:向下推動。

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

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

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

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

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

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

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

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

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

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

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

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

    本文為@運營喵原創,運營喵專欄作者。

    (0)
    運營喵運營喵官方
    上一篇 2018-09-17 21:14
    下一篇 2018-10-02 16:49

    發表回復

    登錄后才能評論
    公眾號
    公眾號
    返回頂部
    運營喵VIP會員,暢學全部課程,點擊查看 >
    央视频直播在线直播