初步學習Axure---整理了一下自己兩周的學習成果:動態面板


     自己無意間發現了做原型設計的工具--Axure,所以就自學了一點皮毛。最近時間比較充裕,就把自己現學現賣的東西整一整。

     作品比較簡單,沒有技術可言,根據用戶和開發需求,利用動態面板和一些點擊事件完成了一系列流程。

     主要效果是:左側點擊Taxonomy觸發對導航欄的管理,可以切換導航欄視圖;樹狀菜單導航欄與右側數據聯動;右側數據的鼠標點擊事件;

     界面效果如圖:

     一.利用樹狀菜單形成左側導航欄

步驟如下:

1.選擇添加菜單原件:樹狀菜單。通過拖拽形式插入樹狀菜單

2.編輯樹狀結構:右鍵點擊樹狀菜單,添加其子節點或者同級結點

二、右側表單數據及數據操作

     Axure中表格或者表單無合並單元格的操作,在設計繪制時需要結合矩形原件對表格線條進行遮蓋,從而達到合並單元格效果。

1.繪制表格

在原件庫中選擇“表格”,拖拽到位置,編輯數據

2.為數據添加用例,即實現點擊數據頁面跳轉

要實現點擊表格數據調整頁面的操作,需要給表格數據添加用例即鼠標點擊事件。

點擊數據單元格,右側工作區選擇“鼠標點擊時”,添加用例:新窗口/標簽打開鏈接。

*添加用例時可以選擇鏈接到本項目或者URL或者文件

三、樹狀結構與右側的聯動

1.右鍵點擊右側表格,將表格轉換為動態面板。雙擊動態面板,進入動態面板管理器,添加多個面板狀態。如下圖:三個動態面板狀態:1,2,3.

2.設置面板狀態

在動態面板管理中單擊狀態,進入狀態編輯,對狀態內容進行編輯

3.點擊左側樹狀菜單的菜單項,添加“鼠標點擊時”用例,選擇動態面板。

四、發布

     點擊Axure中菜單欄里的,對制作的設計進行發布預覽。

 

 

以上四步實現了動態面板和樹狀菜單的聯動,步驟比較粗略。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM