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

引子

這是第一次使用axure8實現的例子，之前的auxre8版本似乎有點問題，輸出的html文件總是不能正常顯示，新的beta版本這次好像是改進了，最近重新安裝了一下。

先點擊這里來看看demo效果。(內有源文件下載)

這次帶來的是iphone6的體驗效果，主要實現了以下幾種交互：

1. 待機黑屏狀態下，電源鍵和Home鍵的操作
2. 屏幕顯示時背景圖片的縮放效果
3. 鎖屏狀態下的解鎖
4. 密碼解鎖操作
5. 主界面圖標的縮放效果
6. 系統菜單彈出效果

為了協調各種操作場景，每一種操作和效果都使用了較多的事件處理，這個例子里充分使用了組件樣式設置、動態面板的使用，組件的隱藏和顯示、移動效果、縮放效果、函數/變量的使用。下面說明一下幾個交互場景中的關鍵內容，以供交流學習：

1、待機黑屏狀態下，電源鍵和Home鍵的操作

1）黑屏的樣式：使用了黑色背景，加上一個三角形部件，三角形的填充色為白色漸變，體現屏幕的高光。

2）屏幕外殼：從網上搜索了一個iphone6的外殼，ps稍微處理一下，去掉四周的雜色

3）給電源鍵和Home鍵處添加熱點(就沒有使用圖形按鈕了)，處理單擊事件。

2、屏幕顯示時背景圖片的縮放效果

我們知道iphone在鎖定狀態下，按電源鍵或Home鍵，顯示主屏幕后，主屏的背景的圖片會有一種縮放效果。縮放效果在axure8版本之前不太好處理（只能使用動態面板的背景圖方式），axure8版本里提供了setSize方法，配合動畫效果就可以實現縮放效果。

3、鎖屏狀態下的解鎖

iphone的滑動解鎖效果的出現讓大家眼前一亮，一些新的app都經常使用這種交互，就連密碼驗證也開始使用這種方式了。加上滑動解鎖時的文字上的光照效果，看起來很酷炫。

這里使用了部件的顯示/隱藏事件+移動方法，實現滑動解鎖動畫。有一個小技巧需要說明一下，就是光照效果是在文字的背后的，這是如何實現的呢？

我們使用了在背景圖上摳下文字鏤空區域，將背景圖保存成png格式（帶有透明背景區域），再使用PS制作一個背景透明發光效果的png圖片，最后在axure里，將發光效果的圖片放在背景圖的鏤空文字后面，循環移動發光效果的圖片。

鎖屏界面上的時間顯示，使用了系統的函數，獲取小時和分鐘數，處理小時和分鐘時，對小時和分鐘小于10的情況下，數字前補齊了0，這樣顯示格式為00:00，都是兩位，保證了美觀。

3、密碼解鎖操作

在鎖屏界面，向右滑動界面，顯示出輸入4位密碼的界面，輸入4位數字（這里隨便輸入4位）即可進入主界面。也可以刪除當前輸入的密碼，密碼刪除完會自動退會到鎖屏主界面

4、主界面圖標的縮放效果

當用戶解鎖完成，進入主界面時，iphone的各個應用圖標以動態的效果顯示到桌面上。使用了移動效果從屏幕外部移動到桌面上

5、系統菜單彈出效果

無論在鎖屏狀態，還是進入主界面，向上滑動時，會彈出系統菜單（菜單里的各個子項沒有繼續處理），再次單擊系統菜單會下向收起隱藏。

小結：

這個例子只是簡單實現了iphone6的鎖屏及主界面的交互效果，麻雀雖小，五臟俱全哦，其實用到了axure里的很多知識點，是一個綜合應用的例子。

axure8新增的設置部件大小、旋轉等增強了動畫的實現效果，但是如何通過代碼設置部件的背景色、透明度等樣式屬性？期待以后肯定也能支持這樣的功能。

本次例子的主要缺點：在交互動畫效果中，滑動效果沒有和下個界面之間做到無縫的連貫，例如向右滑動的過程中，左側密碼輸入顯示的界面沒有同步顯示（如果不使用動態面板，其實也可以做到這種效果，但移動過程中的漸變模糊效果無法達到）。

其它不足之處，還望各位指正。

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