Axure之基本使用

2021-07-05 08:24:30 字數 1545 閱讀 3162

1.建立母版,

2.使用母版

右擊母版--》add to page

--》拖動動態面板元件--dynamic panel到工作區

--》雙擊動態面板元件--dynamic panel,在彈出的動態面板編輯。

--》使用工具欄中的「bring forward」和「send backward」按鈕控制項所在的層次。

--》雙擊「onclick」選擇規則。--根據自己的需求選擇觸發條件。

--》設定規則,如果動態面板只有乙個狀態可以使用show規則控制顯示;

但如果乙個面板中有多個狀態就需要使用dynamic panels--》set panel state--》select 

the sate(選項需要面板的狀態)--》勾選show panel if hidden。

效果圖:

方法:--》建立三個動態面板test1、test2、test3

--》每個動態面板都設定兩個狀態state1--隱藏、state2--顯示

其中,狀態state--隱藏,內容有:兩個rectangle元件,下的設定為隱藏,效果如下圖

state--顯示,內容有:兩個rectangle元件,兩個元件都顯示。效果如下圖:

--》state1-隱藏的規則case設定,選擇set panel state ,勾選三個動態面板,其中test1選擇的state為state2--顯示,其他兩個選擇state1-隱藏;

test1中還需要勾選「show panel if hidden」和「push/pull widgets";而另外連個則只勾選」push/pull widgets」。

--》

state1-顯示的規則case設定,選擇set panel state ,勾選三個動態面板,都選擇state1-隱藏;

都選擇勾選「show panel if hidden」和「push/pull widgets"。

--》同理設定test2、test3。

--》拖動「導航條控制項」到工作區

--》修改導航條,右擊導航條元件:

add menu item after--新增乙個選項在後面

add menu item before--新增乙個選項在前面

delete menu item--刪除

--》新增子選單

add submenu--條件子選單

感謝張宇湘、肖晶、王榮浩等同事指導。

Axure 使用 簡單入門

基礎元件,直接在 lib 裡面拖動到頁面就行了,然後元件的樣式細節在inspector的panel調整,事件 點選跳 系統自帶的元件庫很基礎,做出理想的效果,有很多的細節要調整,但是這樣比較靈活,基本上什麼都可以做。在使用中,還有一種是使用半成品的第三方庫,來提高效率,達到風格上的統一。然後把lib...

Axure7 0使用技巧

樣式 裡的 填充顏色 可以用畫筆直接放在其他應用的想要的顏色裡,就會自動生成該顏色 屬性 滑鼠懸停 裡,可以設定滑鼠懸停後改變成的顏色 做按鈕,用 提交按鈕 來做不好看,可以用 矩形 來做 做三角形,特別是箭頭,可以用 按鈕形狀 所有漂亮的線,都可以用 水平線 和 垂直線 滑鼠懸停時,要變為手掌,可...

使用axure的團隊專案功能

場景描述 多個成員需要編輯同乙份axure檔案,且公司提供了svn伺服器作為專案空間,現在配置使用azure的團隊專案功能 即成員可以同時編輯不同axure中的不同頁面 前提條件 1 pc本地有需要操作的axure rp檔案。2 已在svn上建立了相應倉庫,且支援http或https協議訪問 操作過...