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

想要用Axure做出動態(tài)效果其實并不難，一旦了解了其動作，是非常好實現(xiàn)的。本篇文章將會教大家如何用Axure做動態(tài)效果。

Axure做動態(tài)效果，只要了解了其動作規(guī)律就很好實現(xiàn)。

一、分析動作

1. 分析整體如下所示，是圖片寬度和位移的改變；

2. 分析細節(jié)1，圖片初始只顯示一部分，移上去才顯示完整；

3. 分析細節(jié)2，初始無按鈕，移上去有按鈕；

二、準備

1. 添加n個（這里是4）動態(tài)面板，分別命名“1”、“2”、“3”、“4”；

2. 添加一個矩形元件，命名“事件觸發(fā)器”，初始為顯示狀態(tài)；

我個人有時候比較喜歡將所有事件寫在一個元件上，可以把它叫做事件觸發(fā)器，有點像程序開發(fā)中的function()，邏輯如下：

它的顯示隱藏狀態(tài)變化來做事件觸發(fā)的動作。

設置幾個局部變量值，橙色“值”的元件需要命名，對應英文“w”、”wplus”、”n”、”h”、”x”。

使用／局部變量／方便將整個動畫打包為一個組件使用在任何地方，使用／變量／方便根據(jù)需要一鍵改變圖片大小等。“x”的值時組件加載時動態(tài)獲取的，計算公式為。

三、實現(xiàn)效果

1. 鼠標移上去圖片伸展

在每張圖片上都添加相同事件

第幾張圖片，，這里的數(shù)字就是幾。注意：標注的“1”、“2”步執(zhí)行順序不能調(diào)換。

在矩形“事件觸發(fā)器”上添加／隱藏／事件，案例中是獲取的元件文字值，為了方便理解，右側(cè)寫了原理，按照所寫的文字內(nèi)容添加事件即可。

2. 鼠標移出圖片還原

在每張圖片上都添加相同事件：

在矩形“事件觸發(fā)器”上添加／顯示／事件：

3. 細節(jié)1，圖片初始只顯示一部分，移上去才顯示完整

存放圖片的動態(tài)面板設置背景，如下設置：

4. 細節(jié)2，初始無按鈕，移上去有按鈕

在存放圖片的動態(tài)面板里放置按鈕，初始隱藏。

鼠標移入時，在“事件觸發(fā)器”上的隱藏事件中添加一步，顯示按鈕。

鼠標移出時，在“事件觸發(fā)器”上的顯示事件中添加一步，隱藏按鈕。

在按鈕上添加隱藏顯示事件。

-完-

本文由 @灰_白 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議