上期回顧 前一篇文章我們主要是介紹了軟體的安裝,以及學習該軟體的一些初衷,以及對軟體的一些區域功能進行了相應的說明。
主要知識點 新增元件、設定元件名稱、位置尺寸、角度、顏色與透明、圓角、邊框 設定邊框樣式、文字邊距/行距、元件的隱藏 選擇形狀/變換形狀、元件順序層級 填充亂數假文(mock假資料) 組合/取消組合元件 axure rp9 自學之路2-基礎操作篇 歡迎向作者提問
新增元件、設定元件名稱、位置尺寸 新增元件:選擇左側元件庫default中的矩形1,按住滑鼠左鍵不放,然後拖動到中間編輯區合適的畫布位置然後鬆開。元件會自動新增到相應的位置。 如圖2-1 axure rp9 自學之路2-基礎操作篇 圖2-1(新增元件)
設定元件名稱:選中元件,然後在右側的互動/說明選項卡的文字框中輸入名字。名字有什麼用呢,就是我們看到這個元件知道其是什麼,見名知意。如圖2-2 axure rp9 自學之路2-基礎操作篇 圖2-2(設定元件名稱)
設定位置尺寸:有多種方式可以設定,第一種選中元件按住滑鼠左鍵拖拽來改變位置,滑鼠左鍵選中矩形上的編輯點拖拽來改變大小,這種方式可以隨意設定改變,第二種設定精確的長度寬度,位置,最好的方法是在右側樣式面板---位置和尺寸中設定相應的值,第三種在上方工具欄中也有位置和尺寸的快捷設定。如圖2-3 axure rp9 自學之路2-基礎操作篇 圖2-3(設定位置尺寸)
axure rp9 自學之路2-基礎操作篇 圖2-3(設定位置尺寸**)
設定邊框樣式、文字邊距/行距、元件的隱藏。如圖2-4 axure rp9 自學之路2-基礎操作篇 圖2-4(設定邊框樣式、邊距、可見性)
Axure RP9教程 列表查詢
案例鏈結 我們在表頭上新增所屬分類 型別名稱查詢條件,元件分別命名未txttype txtname 再新增查詢 重置按鈕 給查詢按鈕新增滑鼠單擊時互動動作 同步新增新增過濾器 過濾器設定操作如下 item.type指過濾器中的type列,indexof指字串函式,indexof type 1,判斷是...
Axure RP 9的新功能 Dark Mode
axure rp 是一套專門為 或應用程式所設計的快速原型設計工具,可以讓應用 策劃人員或 功能介面設計師更加快速方便的建立web ap 和website的線框圖 流程圖 原型和規格。axure rp 9擁有乙個新的硬體加速渲染引擎,乙個旨在加快儲存和載入的檔案結構,以及乙個便於平滑縮放和更快速編輯...
Axure RP9教程 多級聯動
聯動在系統中應用場景比較普遍,例如省 市 區或商品大 小類區分。這種效果我們怎麼來實現呢?思路 新增多個動態面板 給動態面板元件設定相關互動事件,來控制其他面板不同的狀態。新增三省 市 區下拉列表,將市 區下拉列表轉換為動態面板 給省下拉框新增資料來源 江西省 江蘇省 將市 區下拉框新增不同狀態,分...