中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

如何利用Axure RP8做出點擊按鈕切換頁面效果？一起來文中看看~

先來看一下頁面的效果圖：點擊不同的按鈕，切換不同的頁面。（是web端和手機端都很常見的交互效果）

實現這一效果大致要分為三個步驟：

1. 為按鈕添加“選中”后的效果；
2. 設置動態面板，并對其進行狀態編輯；
3. 通過對“鼠標單擊”命令的編輯，完成交互設置。(其中一、二順序誰先誰后都ok)

先來講第一個步驟，為按鈕添加“選中”狀態的效果（我會對其分為幾個小的步驟）。

1. 搭建出一個類似的原型，根據按鈕的數量對文件逐一進行命名（重新命名是為了方便后面的操作）；
2. 選中其中想要做變化的按鈕，在鼠標狀態中 單擊“選中”（selected）選項，調出編輯器，對按鈕顏色和字體顏色進行編輯，確定后，檢查“選中”狀態后的備注變化，標有備注信息說明操作成功。
3. 對其他按鈕分別進行 第 2 步的操作，這樣為按鈕添加效果的第一步就完成了。

接著，來說第二個步驟：設置動態面板（也就是需要做變化的頁面）。

選中圖片——右鍵 選擇 “轉為動態面板” 選項，這時右側的圖片文件會發生變化，轉化為動態面板，里面默認會包含一個 ?狀態 ?文件，然后對動態面板（不是里面的包含文件）進行重新命名。

對動態面板下的狀態圖層進行復制，有幾個按鈕，就復制幾個文件。

文件復制完了，雙擊動態面板調出編輯器，選擇“編輯所有文件”的小圖標，然后確定，這時候菜單欄下會生成所有需要編輯的狀態文件。

選擇需要編輯的狀態文件進行編輯（如只換顏色，可復制效果，粘貼到其余文件中進行編輯即可，這樣能快一些），編輯完成后 叉掉 （關閉）即可。

最后，將按鈕和動態面板效果進行交互編輯，效果就完成啦。

還記著之前對按鈕進行了“選中”狀態的編輯嘛？現在需要讓這個效果能在預覽中顯示，我們就需要雙擊 ?在交互面板里的“單擊”（onclick）選項，調出編輯器之后，在元件庫中找到 “單擊/按下”選項，選中它，然后在右側文件中找到對應的文件名稱，勾選后 確定。（剩下的按鈕也是這樣操作）

選中剛才的按鈕，雙擊“case1”調出編輯器，在編輯器中找到“設置動態面板”選項，然后勾選右側的動態面板，然后在狀態欄中選擇 對應按鈕點擊時，需要做變化的狀態文件，設置好點擊確定。（其他按鈕的操作也是如此，如果熟悉了操作不需要分別兩次打開編輯器，直接進行操作也是可以的，我是為了方便拆解步驟看的清楚才分了兩步）

最后，還有一個關鍵的步驟：為了預覽時，按鈕切換的效果更加自然，需要選中所有的按鈕元件，進行編組命名。

以上步驟都完成后，即可預覽查看效果了。

本文由 @??雨禾君 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議