1. 程式人生 > >Android下QQ空間檢視大圖特效

Android下QQ空間檢視大圖特效

最近在做一個專案,裡面有一個功能是實現Android QQ好友動態裡面的縮圖放大,檢視大圖的效果。用過都知道,這個特效很讚的,沒用過的下載個玩玩吧。我剛開始以為放大的那個大圖是一個Activity或者是一個Dialog。可是嘗試過後發現怎麼也實現不了那種效果(有實現出來的朋友的話還請相告,一起交流交流)。然後到android官網上發現了一個圖片放大特效的demo。這個Demo確實是實現了QQ裡面圖片放大的基本效果,可是要求是Android 3.0以上才能用,因為裡面用到Animator。我知道有個NineOldAndroids庫實現了3.0以下也能用Animator,只要重新改寫下就ok了。但是看大圖還有pinch圖片縮放,雙擊放大,單擊圖片還原等效果,而一般的實現基本上都是用ScaleAnimation實現,感覺效果不理想。然後在Github上發現了一個很不錯的的Demo叫

Android-GridView-Zoom-Images-Animation-Tutorial,裡面居然實現了QQ空間縮圖放大和還原動畫特效。看了下,也是需要Android3.0以上才能實現,實現原理和官網上那個demo差不多。在Github上逛了下,發現了一個很不錯的PhotoView,兩者配合基本上就是QQ好友動態裡面要實現的特效了。下面是效果圖:


縮圖介面,點選每個縮圖,圖片從縮圖所在位置放大到螢幕適應位置。


可以pinch縮放圖片,也可以雙擊放大圖片,單擊圖片縮放回去。


可以向右或者向左滑動圖片切換圖片。