【0085】【知識積累】-【Android酷炫實用的開源架構（UI架構）】

1.連結位址：http://blog.csdn.net/fancylovejava/article/details/45787729

1.Side-Menu.Android

分類側滑菜單，Yalantis 出品。

項目位址：https://github.com/Yalantis/Side-Menu.Android

2.Context-Menu.Android

可以友善快速內建漂亮帶有動畫效果的上下文菜單，Yalantis出品。

項目位址：https://github.com/Yalantis/Context-Menu.Android

3.Pull-to-Refresh.Rentals-Android

提供一個簡單可以自定義的下拉重新整理實作，Yalantis 出品。

項目位址：https://github.com/Yalantis/Pull-to-Refresh.Rentals-Android

4.Titanic

可以顯示水位上升下降的TextView

項目位址：https://github.com/RomainPiel/Titanic

5.AndroidSwipeLayout

滑動Layout，支援單個View，ListView，GridView

項目位址：https://github.com/daimajia/AndroidSwipeLayout

Demo位址：Download Demo

6.Android Typeface Helper

可以幫你輕松實作自定義字型的庫

項目位址：https://github.com/norbsoft/android-typeface-helper

7.android-lockpattern

Android的圖案密碼解鎖

項目位址：https://code.google.com/p/android-lockpattern/

Demo位址：https://play.google.com/store/apps/details?id=group.pals.android.lib.ui.lockpattern.demo

文檔介紹：https://code.google.com/p/android-lockpattern/wiki/QuickUse

APP示例：Android開機的圖案密碼解鎖，支付寶的密碼解鎖

8.ToggleButton

狀态切換的 Button，類似 iOS，用 View 實作

項目位址：https://github.com/zcweng/ToggleButton

9.WilliamChart

繪制圖表的庫，支援LineChartView、BarChartView和StackBarChartView三中圖表類型，并且支援 Android 2.2及以上的系統。

項目位址：https://github.com/diogobernardino/WilliamChart

Demo位址：https://play.google.com/store/apps/details?id=com.db.williamchartdemo

Demo項目：https://github.com/diogobernardino/WilliamChart/tree/master/sample

10.實作滑動ViewPager漸變背景色

項目位址：https://github.com/TaurusXi/GuideBackgroundColorAnimation

11.Euclid

使用者履歷界面，Yalantis 出品。

項目位址：https://github.com/Yalantis/Euclid

12.InstaMaterial

Instagram的一組Material 風格的概念設計

項目位址：https://github.com/frogermcs/InstaMaterial

13.SpringIndicator

使用bezier實作粘連效果的頁面訓示

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

14.BezierDemo

仿qq消息氣泡拖拽消失的效果。

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

15.FoldableLayout

折疊的信紙被打開一樣的動畫效果

項目位址：https://github.com/alexvasilkov/FoldableLayout

16.Taurus

下拉重新整理，Yalantis 出品。（是不是有點似曾相識呢？）

項目位址：https://github.com/Yalantis/Taurus

17.PersistentSearch

在點選搜尋的時候控件在原有位置顯示輸入框。

項目位址：https://github.com/Quinny898/PersistentSearch

18.circular-progress-button

帶進度顯示的Button

項目位址： https://github.com/dmytrodanylyk/circular-progress-button

19.discrollview

當上下滾動的時候子元素會呈現不同動畫效果的scrollView，網頁上稱之為：視差滾動

項目位址： https://github.com/flavienlaurent/discrollview

20.sweet-alert-dialog

一個帶動畫效果的自定義對話框樣式

項目位址：https://github.com/pedant/sweet-alert-dialog

21.android-floating-action-button

Material Desig風格的浮動操作按鈕

項目位址：https://github.com/futuresimple/android-floating-action-button

22.android-collapse-calendar-view

可以在月視圖與周視圖之間切換的calendar控件

項目位址：https://github.com/blazsolar/android-collapse-calendar-view

23.NumberProgressBar

個簡約性感的數字進度條

項目位址：https://github.com/daimajia/NumberProgressBar

24.CircularProgressView

CircularProgressView 是通過自定義view的方式實作的Material風格的加載提示控件，相容任何版本。

項目位址：https://github.com/rahatarmanahmed/CircularProgressView

25.OriSim3D-Android

opengl 實作了各種折紙效果，模拟了從一張紙折疊成一條船的整個過程

項目位址： https://github.com/RemiKoutcherawy/OriSim3D-Android

閱讀器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
【0085】【知識積累】-【Android酷炫實用的開源架構（UI架構）】 Holo style showcaseview	【0085】【知識積累】-【Android酷炫實用的開源架構（UI架構）】 new style showcaseview	【0085】【知識積累】-【Android酷炫實用的開源架構（UI架構）】 Material style showcaseview

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

效果圖：

</img>

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

效果圖：

作者：小馬哥Mark

連結：https://www.jianshu.com/p/356619fe64d5

來源：簡書

著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。