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

本教程適用于對Axure有一定了解但沒有交互制作經驗的新手們，不涉及動態面板。文中提到的部分概念均為作者總結而來，若有不妥之處敬請諒解，愿大家看完后有所收獲。

第一分鐘：理解交互樣式

交互樣式：在觸發特定的事件時，用來控制元件部分樣式的改變。在Axure 8.0中的面板如下：

實例一：鼠標懸停時改變文字顏色和背景顏色

1.?選中帶文本的矩形如圖，點擊交互樣式面板中的“鼠標懸?！?，彈出“設置交互樣式”對話框；

2.?選中“字體顏色”和“顏色填充”，隨便選兩種顏色，點擊確定；

3.?點擊預覽，效果如下：

總結：交互樣式觸發的事件類型只有四個，控制的元件屬性也比較少，知道它能在哪些情況下改變哪些樣式就夠了。

第二分鐘：理解交互

交互：在由觸發一個或多個事件而產生的某一場景內做出相應動作產生相應效果的過程。相當于廣義化的交互樣式，但不能代替交互樣式，因為部分功能“如改變組件內文字的顏色等”只能通過交互樣式來實現。在Axure 8.0中的面板如下：

實例二：鼠標懸停時改變文字內容（該效果無法通過上述交互樣式實現）

1.?選中文本標簽如圖，雙擊交互面板中的“鼠標移入時”，彈出“設置交互樣式”對話框；

2.?依次點擊“設置文本”，選擇要設置文本的元件，編輯文本為“已觸碰”，并點擊確認，如圖：

3.?回到工作窗口中，雙擊交互面板中的“鼠標移出時”，與步驟２一樣依次點擊“設置文本”，選擇要設置文本的元件，編輯文本為“未觸碰”，并點擊確認；

4.?點擊預覽，效果如下：

總結：交互的觸發事件和動作效果比較繁雜，其中涉及不少與變量相關的問題，這個也視項目的復雜程度而定。交互很多情況下是在控制其他元件的變化，這是與交互樣式最大的不同之處。

第三分鐘：掌握交互聯動（1）

交互樣式與交互樣式聯動：兩個元件中，在一個元件的交互樣式產生效果的同時另一個元件的交互樣式也隨之產生效果

實例三：在實例１的基礎上完成有斷層的懸停效果

1.?在實例一中的矩形上疊加一個灰色帶狀的矩形如圖：

2.?我們想要實現當鼠標懸停在大矩形的同時小矩形的填充色由灰色變成白色，這需要用到交互樣式，所以我們按照實例一的方法設置好交互樣式后，效果如下，可以看到當大矩形變藍后小矩形還是灰色的：

3.?這時我們需要在兩個矩形之間建立交互樣式聯動，那么我們將二者組合起來，并在組合上右鍵，點擊“允許觸發鼠標交互”；

4.?點擊預覽，效果如下，可以看到二者已完美同步：

總結：交互樣式與交互樣式聯動的關鍵只有兩部：1.組合；2.允許觸發鼠標交互。

第四分鐘：掌握交互聯動（2）

交互與交互聯動：兩個元件中，在一個元件的交互產生效果的同時另一個元件的交互也隨之產生效果

實例四：在實例２的基礎上完成不觸碰文字就可改變文字內容的效果

1.?在實例二的基礎上新增一個矩形如圖，雙擊交互面板中的“鼠標移入時”，彈出“設置交互樣式”對話框；

2.?依次點擊“觸發時間”，選擇案例二中的矩形，選中“鼠標移入時”，并點擊確認，使當前新矩形的“鼠標移入時”動作可以觸發老矩形的“鼠標移入時”動作，如圖：

3.?回到工作窗口中，雙擊交互面板中的“鼠標移出時”，與步驟２一樣依次點擊“觸發時間”，選擇案例二中的矩形，選中“鼠標移出時”，并點擊確認。

4.?點擊預覽，效果如下：

總結：交互與交互聯動的關鍵只有一個動作：“觸發事件”。

第五分鐘：掌握交互聯動（3）

交互與交互樣式聯動：兩個元件中，在一個元件的交互樣式產生效果的同時另一個元件的交互也隨之產生效果（這種情況其實沒有最優解，它相當于情景一和情景二的結合體）

案例五：在案例四和案例五的基礎上，實現當鼠標懸停于“我的收藏”矩形上時，改變背景顏色和文字顏色的同時也改變“觸碰狀態”矩形里的文字

1.?將案例四中對綠色矩形所做的全部操作應用到“我的收藏”矩形中；

2. 點擊預覽，效果如下：

總結：這個沒什么要總結的，但是在最后要強調一點：做交互時一定要養成修改元件名稱的好習慣！

作者：Milov（微信：milov_wy），做過安卓開發，正在學習產品，有豐富的平面設計經驗。

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