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

應用交互效果中，動畫效果是應用的錦上添花效果，比起死板的頁面切換，動畫過渡效果還是會讓人感覺自然，不那么生硬，也是一款優秀應用的加分項。我們以幾個例子來說明一下如何應用axure里的動畫效果。

幻燈片效果

我們要做的是一個自動輪播的幻燈片效果，也就是會自動從第一張片子開始，停留幾秒后自動切換到下一個片子，顯示到最后一個時再返回到第一個片子。幾個著關鍵點說明如下：

1. 自動輪播

需要使用到動態面板的兩個重要事件，“載入時”和“動態面板狀態改變時”，狀態切換時的動畫效果設置如下：

并且注意勾選上“從最后一個到第一個自動跳轉”

2. 左右滑動

我們還可以給動態面板添加左右滑動事件，這兩個事件是動態面板特有的，這樣可以模擬手指向左或向右滑動。

3. 指示器的動態效果

在切換片子的時候，我們希望下方的指示器也能自動指示當前選中的片子，并且有動態的移動效果。這里為了處理方法通用，使用了一點小小的技巧，用一個變量來控制當前的索引，然后索引整除3，根據得出的余數移動指示器的位置。

自定義下拉彈出菜單

axure自帶的菜單樣式太丑了，我們完全可以自己實現一個下拉彈出菜單，可以設置自己想要的樣式。下面的例子是單擊按鈕時，如果菜單沒顯示，則向下彈出菜單，如果顯示了，則向上收起菜單。

1）彈出菜單

我們使用了同一個按鈕來控制彈出和隱藏，因此需要在事件上添加條件判斷，判斷的依據就是下拉菜單動態面板是否處于顯示狀態。

2）隱藏菜單

如果我們不添加動畫效果的話，菜單的顯示和隱藏就太突然了，有了動畫效果，體驗效果會好很多。

3）TAB屬性頁面

TAB的實現一般都是通過動態面板的方式，這里不說動態面板的用法，只說一下動態面板按鈕上方的紅色線是如何移動的。

給TAB的三個按鈕添加事件，單擊后，切換到指定狀態，然后移動這個紅色的線到當前點擊的按鈕位置。

4）下拉刷新

下拉刷新效果常見于信息流的更新，例如手機QQ消息下拉刷新、微博客戶端消息下拉刷新，它主要對應下面幾個過程：

1）開始下拉

在下拉到一定距離時，指示箭頭方向變化，文字更新為“釋放更新”

2）下拉到臨界點

下拉到臨界點時，會在“下拉刷新”和“釋放更新”之間切換

3）釋放

超過下拉臨界點后，再往下拉時顯示狀態不會變化，這時釋放后并不會立即還原，而是顯示一下當前“正在更新”狀態，更新完成后，列表位置還原到初始位置。

4）刷新

在釋放后，系統請求數據完成后，就會刷新界面上的顯示數據了。

用到的事件主要是“拖動動態面板時”和“結束拖動動態面板時”：

幾個示例說完了，稍微小結一下：

動畫效果雖然可有可無，但是一個小小的動畫會給你的交互增色不少，不需要太炫，過渡自然就行了。也不要搞得到處都是動畫效果，只在必要的地方添加即可。

點擊這里查看在線演示

本文由 @Axure原型設計工場 原創發布于人人都是產品經理?，未經許可，禁止轉載。