android炫酷的效果

首先主要介紹幾種常見的產品引導介紹方式。

GuideView

GuideView是一個遮罩式的導航頁，能夠快速爲任何一個View創建一個遮罩層，支持單個頁面，多個引導提示，支持爲高亮區域設置不同的圖形，支持引導動畫，方便擴展。

項目地址：https://github.com/binIoter/GuideView

效果圖：

ShowcaseView

一個通過局部高亮達到突出重點，實現引導效果的控件。

項目地址：https://github.com/amlcurran/ShowcaseView

效果圖：

Holo	“New style”	Material

AppIntro

一個常規的viewpager產品介紹頁。

項目地址：https://github.com/PaoloRotolo/AppIntro

效果圖：

卡片交互Card interaction

這裏介紹幾種卡片交互體驗的控件。

CardStackView

非常酷炫的卡片是交互控件。

項目地址：https://github.com/loopeer/CardStackView

效果圖：

android-card-slide-panel

就是“探探”app實現的那種交互體驗，爲此我還特意下了一個探探體驗了一下，卡片上展示的全是美女！左右拖動操作頁非常nice，探探這個產品交互簡直無可挑剔。

項目地址：https://github.com/xmuSistone/android-card-slide-panel

效果圖：

ExpandingPager

一個比較常規的卡片式交互控件。

項目地址：https://github.com/qs-lll/ExpandingPager

效果圖：

加載框LoadingView

主要介紹幾種很漂亮的加載框，

Android-SpinKit

基於非常火爆的css庫SpinKit實現的Android加載庫，動畫效果非常棒。

項目地址：https://github.com/ybq/Android-SpinKit

效果圖：

LoadingDrawable

這個項目重要介紹一些酷炫的加載動畫，可以與任何View配合使用，作爲加載動畫或者Progressbar, 此外很適合與RecyclerRefreshLayout 配合使用作爲刷新的loading 動畫。

項目地址：https://github.com/dinuscxj/LoadingDrawable

效果圖：

LiquidButton

一個實現液體填充效果的加載提示view

項目地址：https://github.com/yoruriko/LiquidButton

效果圖：

LoadingView

哈哈，不多說，主要看動效，好看最重要。

項目地址：https://github.com/ldoublem/LoadingView

效果圖：

MetaballLoading

一個有貝塞爾曲線動畫的加載提示框

項目地址：https://github.com/dodola/MetaballLoading

效果圖：

提示框Dialog

提示框通常沒有加載框那麼酷炫的動效，一般以簡潔爲主要風格。

material-dialogs

一個簡單易用的material風格的dialog

項目地址：https://github.com/afollestad/material-dialogs

效果圖：

sweet-alert-dialog

這個項目最後維護時間是兩年前，現在可能都沒人維護了，但是實現的效果還是挺好的

項目地址：[https://github.com/pedant/sweet-alert-dialog]](https://github.com/pedant/sweet-alert-dialog])

效果圖：

指示器Indicator

指示器用來提示用戶當前操作到了哪一步。

StepView

提示操作步驟的巔峯之作，非常符合我的審美。

項目地址：https://github.com/baoyachi/StepView

效果圖：

stepper-indicator

一個和StepView差不多效果的步驟指示器。

項目地址：https://github.com/badoualy/stepper-indicator

效果圖：

SpringIndicator

一個切換使用了貝塞爾曲線的indicator，說實話作者給的示例圖很醜，我不是很喜歡，但是我很喜歡貝塞爾曲線，所以這個也拿來放在這裏，學習用，實際使用我還是會使用上面兩個。

項目地址：https://github.com/chenupt/SpringIndicator

效果圖：

貝塞爾曲線

貝塞爾曲線，原來不知道是什麼東西，後來發現這個東西太神奇了，很多地方都有用，類似QQ未讀消息，拖動消失那個效果，拖動到斷裂之前，就是二階貝塞爾曲線的效果，小面彙總了一個演示1-7階貝塞爾曲線形成動畫的庫，和三個使用二階貝塞爾曲線實現類似qq未讀消息小紅點拖動消失效果的控件。

BezierMaker

這個開源庫演示了1-7階貝塞爾曲線的形成過程，讓我們直觀的看到1-7階貝塞爾曲線的形成動畫，相當牛逼

項目地址：https://github.com/venshine/BezierMaker

效果圖：

Bubble-Notification

一個模仿qq未讀消息小紅點拖動消失效果的控件。

項目地址：https://github.com/dkmeteor/Bubble-Notification

效果圖：

DraggableFlagView

另一個模仿qq未讀消息小紅點拖動消失效果的控件。

項目地址：https://github.com/wangjiegulu/DraggableFlagView

效果圖：

BezierDemo

又一個模仿qq未讀消息小紅點拖動消失效果的控件。

項目地址：https://github.com/chenupt/BezierDemo

效果圖：

如果對這些酷炫控件有興趣，歡迎閱讀－拉昇顏值－android優雅酷炫的圖片處理

CircleImageView

一個非常漂亮的圓形ImageView，保持了ImageView的所有特性，可以像原生ImageView一樣直接用Picasso加載圖片展示。

項目地址：https://github.com/hdodenhof/CircleImageView

效果圖：

PhotoView

一個支持縮放功能的ImageView，通過多點觸控或者雙擊都可以實現縮放效果。

項目地址：https://github.com/chrisbanes/PhotoView

效果圖：

rebound

Facebook出品，必屬精品。這個庫不是一個控件庫，而是一個功能庫，實現了點擊圖片，像按壓彈簧一樣的效果；點擊圖片之後，圖片會先縮小，再放大，效果非常絢麗漂亮。

項目地址：http://facebook.github.io/rebound/

效果圖：

InstaCapture

這個庫嚴格說起來和圖片關係不大，這是一個強大的通過一行代碼實現截屏的功能的庫，而且可以指定當前activity截屏不包含哪些具體view組件，而且可以和當下流行的RXJava結合使用，非常簡單易用，截屏之後的文件怎麼處理就隨便了，通常截屏文件我們還是要加載成位圖顯示的，所以先放在圖片這裏。

項目地址：https://github.com/tarek360/InstaCapture

效果圖：

PicassoFaceDetectionTransformation

這是一個和Picasso配合使用的圖片剪裁庫，特點就是自帶面部識別，會把臉部剪裁到中間。

項目地址：https://github.com/aryarohit07/PicassoFaceDetectionTransformation

效果圖：

原圖：

兩種剪裁效果：左邊的是居中剪裁，右邊的是面部居中剪裁

Luban

這又是一個功能庫，實現高效率的無損圖片壓縮功能，作者對比了使用該庫壓縮和使用微信壓縮的壓縮比例，發現壓縮效果和微信差不多！這是相當逆天的效果！有了這個庫，其它的壓縮庫基本可以放一邊了！

項目地址：https://github.com/Curzibn/Luban

效果圖：和微信壓縮效果對比

內容	原圖	Luban	Wechat
截屏 720P	720*1280,390k	720*1280,87k	720*1280,56k
截屏 1080P	1080*1920,2.21M	1080*1920,104k	1080*1920,112k
拍照 13M(4:3)	3096*4128,3.12M	1548*2064,141k	1548*2064,147k
拍照 9.6M(16:9)	4128*2322,4.64M	1032*581,97k	1032*581,74k
滾動截屏	1080*6433,1.56M	1080*6433,351k	1080*6433,482k