糯米文學吧

位置:首頁 > 設計 > 網頁設計

axure元件使用方法簡介

我們為大家收集整理了關於axure元件使用方法以方便大家參考。。我相信,這些問題也肯定是很多朋友在關心的,所以我就給大家談談這個!

axure元件使用方法簡介

1、 圖片:可以編輯懸停、按下時候顯示不同的圖片,做圖片的一些特殊效果。

2、 文本(lable):這個元件到處都能用得到,這個元件是可以通過事件觸發改變元件文字的,可以通過全局變量,實現如登陸前後不同的文字提示效果。對我來説這個元件還有一個用處就是除錯,因為axure沒有調試器,所以當因為變量值出現問題導致交互效果無法出現的時候,我通常會在調用變量時順便加上一個動作,拖進去一個文本,讓文本文字等於變量值,這樣就能一目瞭然的看到是不是因為變量值不正確出的錯。

3、 矩形:這個也是最常用的axure元件之一,常見的使用方式我就不説了,我對矩形的使用,我通常是把矩形拖進編輯區然後根據需要調整好大小,再轉換成動態面板,這樣做比拖入動態面板-調整大小-雙擊狀態-拖入矩形-調整大小,要省很多的事。可能很多人都這麼用,但是我覺得還是有必要講出來,讓新手少走些彎路。

4、 佔位符:除了懶得找廣告圖片,用它來表示廣告位之外基本很少用,不過我倒是經常把它縮小做關閉按鈕使用。

5、 圓角矩形:不知道為什麼axure單獨有個這個,我已經把它在我做的小樓axure元件庫1.0中淘汰了,因為我把矩形改成了默認能夠直接編輯圓角的。

6、 動態面板:教程裏各種各樣的用法太多,就不説了。不過有一個我沒有講過,就是函數裏的DragTime,這個函數能獲取拖動面板的時長,精確到毫秒,這個功能在移動端原型裏應該有很大作用,因為我很少接觸,所以沒有怎麼用。不過我用這個函數的特點,做了一個隨機骰子,實現了猜大小的遊戲,有興趣的話去小樓元件裏下載參考一下。

7、 圖片熱區:基本上不用,用的時候基本功能也可以用透明矩形來代替。之前沒有提到是的,圖片熱區能夠作為錨記,通過對其他元件設定滾動事件返回到錨記,比如一些網站頁面較長,一般在右側下部有一個點一下就回到頁面開始部位的功能,這個博客就有這個功能。

8、 文本框(單行):真心希望axure能加上文本框驗證的設置,這樣就省很多事。感覺對密碼框的支持還不夠,不能通過事件觸發的`讓輸入的字符變成隱式的。

9、 複選框:這個難度大一些的用法,就是像全選、反選、勾選計數,這些效果,基本上是苦力活。

10、 內部框架:web端使用最多的是後台設計或者選項卡的實現(會有刷新,不如動態面板的好),但是在移動端,這個axure元件的作用就很大了,把它在主頁拖動到手機外殼圖片上並設置好大小覆蓋整個屏幕,再雙擊指定一個頁面作為框架內的主頁,就能像設計網站一樣,方便的實現手機屏幕上的多種效果。

標籤:Axure 元件