1. 程式人生 > >Axure Button 按鈕 點選,滑鼠懸停,改變按鈕的背景色並且新增陰影,滑鼠移開恢復原狀

Axure Button 按鈕 點選,滑鼠懸停,改變按鈕的背景色並且新增陰影,滑鼠移開恢復原狀

第一步:建立按鈕Btn

在這裡插入圖片描述

第二步:轉為動態面板,即可以互動的面板

在這裡插入圖片描述
轉換後文件成為動態面板
在這裡插入圖片描述

第三步:新增要互動的按鈕樣式

在這裡插入圖片描述

自動生成(我改了名字)
在這裡插入圖片描述

第四步:選中LoginBtn(此按鈕會出現在頁面的左上角)

如:在這裡插入圖片描述

第五步:新增陰影,背景色

在這裡插入圖片描述

第六步:切換到動態面板(我叫控制器)

在這裡插入圖片描述

第七步:

在這裡插入圖片描述

第八步:

在這裡插入圖片描述

在這裡插入圖片描述

彈出框:
在這裡插入圖片描述

設定此元件的狀態
在這裡插入圖片描述

相應的設定onMouseOut 滑鼠移開事件,此時設定為State1,就是原來的樣式(其他的比如動畫樣式,可以試試)

在這裡插入圖片描述

最終 PreView 的效果(停頓一下,才會出現效果,原因未知)在這裡插入圖片描述