1. 程式人生 > >Axure 8.0 限制某一範圍內移動

Axure 8.0 限制某一範圍內移動

移動小球時,小球不能移動到邊框之外。


這裡用到了動態面板的拖動功能與邊界設定。

首先做一個矩形,當做邊框;然後畫一個圓,並將圓轉換為動態面板。


接下來為動態面板-圓新增拖動事件,並設定頂部,底部,左側和右側的邊界。


在設定邊界時注意,雖然用絕對值相對簡單,但是可用性比較差,如果某一個引數有變化,邊界值可能就需要調整。所以,我們使用了局部變數和元件函式在配置動態面板-圓相對於邊框的相對邊界。


在邊界值一項中選擇fx。

首先插入函式,在元件函式中找到top,bottom,left和right,這四個函式分別會返回元件的四邊邊緣。

注意,在插入元件函式之後,預設是當前元件的相關值,為正確設定邊界,我們需要的是邊框元件才對。

現在建立一個區域性變數bg,變數的值為邊框的元件名,然後我們將之前插入的函式[[This.top]]改為[[bg.top]],這就得到了邊框的四邊。


其餘的三邊都需要單獨建立區域性變數,手動修改函式。