https://www.duote.com/tech/35/102713.html

　　(二)Axure rp的線框圖元件

　　l? 圖片

　　圖片元件拖入編輯區后，可以通過雙擊選擇本地磁盤中的圖片，將圖片載入到編輯區，axure會自動提示將大圖片進行優化，以避免原型文件過大;選擇圖片時可以選擇圖片原始大小，或保持圖片元件的大小。

　　l? 文本

　　在網頁中文本的名稱是lable，用于頁面中添加說明文字、文字連接，或一些動態的提示。

　　l? 矩形

　　矩形的應用比較廣泛，比如作為頁面的背景、按鈕、以及一些元件的遮蓋等;矩形的形狀可以通過鼠標右鍵點擊–編輯選項—改變形狀，來變成我們需要的形狀，比如做選項卡時候我們需要頂部圓角的矩形，就可以通過改變矩形的形狀來實現。

　　l ?占位符

　　制作原型時，可以用它來代替對一些沒有交互或者交互比較簡單容易說明的區域;也可以做成關閉按鈕。占位符在保真比較高的產品原型中作用不大。

　　l? 圓角矩形

　　這個個人認為是因為圓角矩形應用廣泛，所以單獨拿出來作為元件給使用者，免去了對矩形的設置。

　　l? 動態面板

　　非常重要的axure元件，必須要學會使用的元件，動態面板的顯示、隱藏、多狀態等，都是非常有用的。在這里不過多介紹，詳細介紹請參考：小樓axure圖文教程(五)動態面板的使用。

　　l ?水平線

　　就是一條水平的線，可以作為表示頁面一些區域分割時使用，比如在兩塊不同區域之間添加一條水平線，來明顯的區分。水平線可以通過設置元件屬性中的角度Roto變成斜線來使用。

　　l? 垂直線

　　沒什么好說的，和水平線一樣的作用。

　　l? 圖片熱區

　　用于點擊圖片中某個區域產生交互事件時使用，圖片熱區也是矩形的一種，可以通過設置矩形無邊框，背景色100%透明度來實現。

　　l ?文本框(單行)

　　用于輸入文字的axure元件，用于登錄、標題、密碼框(鼠標右鍵–編輯選項–隱藏文本)等功能。

　　l? 文本框(多行)

　　從字面意思就知道了它的功能，用于實現更多文字內容輸入的axure元件，用于回復、評論、微博發布框這類的功能。

　　l ?下拉列表(框)

　　鼠標點擊時展開多個選項的axure元件，主要用來類別選擇或多條件查詢效果時使用。

　　l? 列表框

　　一個多選項的列表，帶滾動條效果，個人認為樣子很丑，應用不是很多，應用場景可以參考word自定義快速訪問工具欄中選擇添加項的效果。

　　l? 復選框

　　復選框用于同類別內容可以同時選擇多個時候使用，比如注冊時候個人興趣的選擇，又比如批量刪除郵件時選擇多個郵件的功能。

　　l? 單選按鈕

　　多個選項僅能選擇其一時候使用，比如性別選擇。多個單選按鈕聯動效果需要同時選中多個需要聯動的單選按鈕—鼠標右鍵—編輯選項–指定單選按鈕組來實現。不嫌麻煩的話也可以通過設置每個單選按鈕的onclick事件來實現。

　　l? 內部框架

　　用于在頁面中嵌入其他頁面的axure元件，可以設置好大小后雙擊它，指定要嵌入的頁面。框架可以通過編輯選項取消滾動條，應用場景多見于網站后臺原型和移動互聯網產品原型。

　　l? 表格

　　表格很常見，就不多做解釋，每個表格都可以設置單獨的事件，但是axure還不支持單元格的合并。

　　l? 菜單縱向

　　主要用于網站導航。多使用于網站后臺。

　　l ?菜單橫向

　　主要用于網站導航，多使用于網站前臺。

　　l ?樹

　　主要用于網站導航。多使用于網站后臺。

　　用上述所有axure元件做的示例：【點擊下載】

總結

以上是生活随笔為你收集整理的Axure教程 axure新手入门基础(2) 简单易上手的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。