如何利用Axure RP 8設計軟體按鈕生成菜單項目

Axure RP 8設計軟體中的按鈕除了操作點擊事件,還可以做成菜單顯示出來。在頁面載入時,控制按鈕顯示成菜單項,這樣就可以看到按鈕轉換成菜單模式了。下面利用一個實例說明,操作如下:

工具/原料

Axure RP 8
截圖工具
瀏覽器

方法/步驟

第一步,打開Auxre RP 8設計軟體,新建頁面page2,如下圖所示:

第二步,在「基本元件」中拖四個「主要按鈕」,放在畫布上,如下圖所示:

第三步,在空白區域點擊選擇「頁面載入時」,彈出「用例編輯」窗口,如下圖所示:

第四步,分別選中四個按鈕,設置其文本顯示內容,對應於菜單上的文字內容,如下圖所示:

第五步,設置完畢後,查看畫布上主要按鈕顯示效果,發現跟拖入時一樣,如下圖所示:

第六步,為了顯示菜單選中和未選中的區別,選中第一個主要按鈕修改背景色,設置完畢後預覽該靜態頁面,如下圖所示:

注意事項

注意主要按鈕應用場景
注意頁面在載入時就顯示菜單項目

相關文章

  1. 如何利用Axure RP 8設計軟體按鈕控制下拉框選項

    一般情況下,下拉框是有多個選項構成的,可以單選也可以多選:按鈕是可以觸發事件,操作其他元件發生變化,如單選按鈕禁用啟用.圖片元件的顯示和隱藏等.下面利用一個實例說明按鈕控制下拉框選項,操作如下: 工具 ...
  2. 如何利用Axure RP 8設計軟體按鈕控制單選按鈕

    Axure RP 8設計軟體中利用按鈕控制單選按鈕選中,有這樣一個場景:有七個單選按鈕,分別為一周:同樣有七個按鈕,按鈕的描述為一周,單擊按鈕選中對應的星期,即是單選按鈕對應按鈕,按鈕對應單選按鈕. ...
  3. 如何利用Axure RP 8設計軟體按鈕控制數學函數

    Axure RP 8設計軟體自帶有數學函數,可以生成隨機數.取絕對值.三角函數.三角反函數等.利用按鈕調用函數,生成對應的函數值.下面利用一個實例說明生成隨機數和絕對值,操作如下: 工具/原料 Axu ...
  4. 如何利用Axure RP 8設計軟體按鈕控制矩形框文字

    Axure RP 8設計軟體可以利用按鈕控制矩形框顯示文字內容,點擊按鈕矩形框顯示內容.矩形框可以根據按鈕點擊事件,動態獲取文字內容.下面利用一個實例說明這個過程,操作如下: 工具/原料 Axure ...
  5. 如何利用Axure RP 8設計軟體設置不同樣式按鈕

    Axure RP 8設計軟體常見一種元件----按鈕,按鈕是應用不同的場景,可以進行新增.修改.刪除和查詢功能.另外,按鈕還可以設置不同的樣式,有邊框.圓角半徑.背景色等.下面利用一個實例說明設置不同 ...
  6. 如何利用Axure RP 8設計軟體製作一隻漂亮氣球

    Axure RP 8設計頁面原型工具,可以製作漂亮精美的頁面,還可以繪製美輪美奐的圖形,有這麼一個場景: (1)繪製一個氣球 (2)有線的氣球 (3)有圖案的氣球 操作如下: 工具/原料 Axure ...
  7. 如何利用Axure RP 8設計軟體導入外部元件

    Axure RP 8設計軟體可以使用外部第三方元件庫,可以導入第三方元件庫,包括有小組件.移動手機圖標等.可以利用外部的圖標設計出不同風格的頁面,下面利用一個具體的實例說明操作導入外部元件,操作如下: ...
  8. 如何利用Axure RP 8設計軟體設置氧分子結構圖

    Axure RP 8設計軟體元件庫中橢圓形元件,可以利用這個元件設計出不同的圖形.改變橢圓形寬度.高度.透明度等屬性,可以設計出不同場景的模型.下面利用一個實例設計出氧分子結構圖,操作如下: 工具/原 ...
  9. 如何利用Axure RP 8設計軟體製作橢圓形圖片框

    Axure RP 8設計軟體原型工具,基本元件中有圖片元件,可以利用圖片元件導入外界圖片,然後修改圖片樣式.下面利用一個實例製作橢圓形圖片框,操作如下: 工具/原料 Axure RP 8 截圖工具 瀏 ...
  10. 如何利用Axure RP 8設計軟體控制圖片樣式和轉角

    Axure RP 8設計軟體中有元件庫----圖片元件,圖片元件可以設置為橢圓形角.陰影部分.旋轉等,可以利用樣式控制圖片顯示.下面利用一個實例說明圖片樣式和轉角功能,操作如下: 工具/原料 Axur ...
  11. 如何利用Axure RP 8設計軟體中的內聯框架設置

    Axure RP 8設計軟體有一款元件----內聯框架,可以在內部嵌套框架或頁面,可以將視頻.頁面.地圖放入框架中.下面利用一個具體的實例說明內聯框架設置方法,操作如下: 工具/原料 Axure RP ...
  12. 如何利用Axure RP 8設計軟體控制輸入框顯示日期

    Axure RP 8設計軟體中的基本表單元件------輸入框,除了可以輸入文本內容,還可以輸入密碼.電子郵件.日期.電話等.下面利用一個實例說明輸入框可以輸入顯示日期,具體操作如下: 工具/原料 A ...
  13. 如何利用Axure RP 8設計軟體單選按鈕控制輸入框

    Axure RP 8設計軟體中的單選按鈕元件,可以控制輸入框禁用和啟用:當勾選"禁用"時,輸入框被禁用了:勾選"啟用"單選按鈕,輸入框被啟用了.下面利用一個實例 ...
  14. 如何利用Axure RP 8設計軟體控制矩形粗細和角度

    Axure RP 8設計軟體中的元件庫----矩形元件,可以設計成矩形框,矩形框的邊框顯示成粗線框,角度可以旋轉,矩形角度半徑變為橢圓形.下面利用一個實例說明控制矩形框和角度,操作如下: 工具/原料 ...
  15. 如何利用Axure RP 8設計軟體設置拱橋的倒影圖

    Axure RP 8設計軟體可以利用半圓形設置拱橋的倒影圖,一個是實際存在的圓拱橋,另一個是圓拱橋的倒影,可以互相映襯.下面利用一個實例實現這個場景,操作如下: 工具/原料 Axure RP 8 截圖 ...
  16. 如何利用Axure RP 8設計軟體使用中繼器實現自增

    Axure RP 8設計軟體里的中繼器利用變量實現自增功能,即每次點擊按鈕,中繼器控制變量自動加1.中繼器是Axure RP 8中的一種元件,可以在不同的場景進行應用.下面利用一個具體的實例說明使用中 ...
  17. 如何利用Axure RP 8設計軟體將輸入框轉換成文件

    Axure RP 8設計軟體中有款元件------輸入框,輸入框不僅可以顯示文本,還可以輸入郵件.時間和文件等.下面利用一個實例說明輸入框轉換成文件框,操作如下: 工具/原料 Axure RP 8 截 ...
  18. 如何利用Axure RP 8設計軟體的文件元件進行旋轉

    Axure RP 8設計軟體的元件庫中有Flow元件,其中有文件元件,它是帶有一角是轉角的矩形框.文件元件可以進行水平旋轉,也可以進行垂直旋轉.下面利用一個實例說明文件元件進行旋轉,操作如下: 工具/ ...
  19. 如何利用Axure RP 8設計軟體使用和查找母板面板

    Axure RP 8打開之後可以看到很多母板,可以利用母板保持整體系統設計風格一致.對母板進行修改,其他的母板也相應的進行修改更新,可以很大程度上節約時間.母板可以進行新建頁面.添加文件夾.添加子頁面 ...
  20. 如何利用Axure RP 8設計軟體創建圖形母板和使用

    Axure RP 8設計軟體可以利用母板設計不同的菜單,可以在母板基礎上創建子母板.場景:添加一個圖片元件,再利用矩形設置不同的主題,作為系統頁面的頭部.下面利用母板創建頭部,操作如下: 工具/原料 ...