讓你的app提升一個檔次－Android酷炫自定義控制元件
這是我近期整理的比較酷炫並且我們會經常用到的custom view，也有一些不是custom view，但是也是android UI相關的，實現了酷炫UI效果的開源庫，合理利用這些開源庫，可以讓你的app提升一個檔次！總結的專案最後維護時間一般不會超過6個月，會持續更新。部落格可能不能實時同步，歡迎來我的Github檢視，如果覺的不錯，歡迎star。其中大部分控制元件我也沒有真正使用，只是感覺比較酷炫就收集過來了，所以如果描述有誤的話，歡迎大家指正！
如果大家有好的UI相關開源專案推薦，歡迎在Github提issue或者發起PR，我會認真稽核後合併；也歡迎在我的部落格評論推薦。
最後，我的Github地址是：https://github.com/madongqiang2201/views
閱讀器Read View
這一個分類，暫時叫做Read View，裡面收集的都是一些方便閱讀的自定義view，例如PDFView，程式碼高亮的CodeView，富文字閱讀的RichText等。
CodeView
CodeView 是一個能顯示程式碼，並且能夠進行程式碼高亮的一個控制元件。通過hightlight.js 渲染程式碼，可以自動識別主流的各種語言 比如java,c++,c#,python,bash,ruby等語言 並且有很多種主題風格，可以自由選擇一種主題，然後將其顯示。
專案地址：https://github.com/Thereisnospon/CodeView
效果圖：
 |
 |
 |
 |
 |
AndroidPdfViewer
一個android版本的PDF閱讀渲染器，可以用來閱讀PDF文件。
專案地址：https://github.com/barteksc/AndroidPdfViewer
效果圖：
RichText
Android平臺下的富文字解析器，支援HTML和Markdown。
專案地址：https://github.com/zzhoujay/RichText
效果圖：
MarkdownView-Android
MarkdownView-Android是一個可以載入markdown或者普通檔案並顯示成html格式。
專案地址：https://github.com/mukeshsolanki/MarkdownView-Android
效果圖：
產品介紹頁Introduction
這裡主要介紹幾種常見的產品引導介紹方式。
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
效果圖：
昨天才開始整理，目前就整理的這麼多，這個專案我回持續更新，歡迎在我的Github watch/star。最後歡迎大家討論，如果覺得不錯，隨手點個喜歡，或者去我的Github點個star，我可能會開心好幾天 Y(^_^)Y，謝謝大家！
如果對這些酷炫控制元件有興趣，歡迎閱讀－拉昇顏值－android優雅酷炫的圖片處理