Android開源專案第一篇——個性化控制元件(View)篇

weixin_33866037發表於2016-10-18

Android開源專案系列彙總已完成,包括:
Android開源專案第一篇——個性化控制元件(View)篇
Android開源專案第二篇——工具庫篇
Android開源專案第三篇——優秀專案篇
Android開源專案第四篇——開發及測試工具篇
Android開源專案第五篇——優秀個人和團體篇

主要介紹那些不錯個性化的View,包括ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、ProgressBar及其他如Dialog、Toast、EditText、TableView、Activity Animation等等。
一、ListView
1.android-pulltorefresh 一個強大的拉動重新整理開源專案,支援各種控制元件下拉重新整理
ListView、ViewPager、WevView、ExpandableListView、GridView、(Horizontal
)ScrollView、Fragment上下左右拉動重新整理,比下面johannilsson那個只支援ListView的強大的多。並且他實現的下拉重新整理ListView在item不足一屏情況下也不會顯示重新整理提示,體驗更好。
專案地址:https://github.com/chrisbanes/Android-PullToRefresh
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/pull-to-refreshview-demo.apk?raw=true
APP示例:新浪微博各個頁面
2.android-pulltorefresh-listview 下拉重新整理ListView
專案地址:https://github.com/johannilsson/android-pulltorefresh
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/pull-to-refresh-listview-demo.apk?raw=true
PS:這個被很多人使用的專案實際有不少bug,推薦使用上面的android-pulltorefresh
3.DropDownListView 下拉重新整理及滑動到底部載入更多ListView
專案地址:https://github.com/Trinea/AndroidCommon
Demo地址:https://play.google.com/store/apps/details?id=cn.trinea.android.demo
文件介紹:http://www.trinea.cn/?p=523
4.DragSortListView 拖動排序的ListView
同時支援ListView滑動item刪除,各個Item高度不一、單選、複選、CursorAdapter做為介面卡、拖動背景變化等
專案地址:https://github.com/bauerca/drag-sort-listview
Demo地址:https://play.google.com/store/apps/details?id=com.mobeta.android.demodslv
APP示例:Wordpress Android
5.SwipeListView 支援定義ListView左右滑動事件,支援左右滑動位移,支援定義動畫時間
專案地址:https://github.com/47deg/android-swipelistview
Demo地址:https://play.google.com/store/apps/details?id=com.fortysevendeg.android.swipelistview
APP示例:微信
6.Android-SwipeToDismiss 滑動Item消失ListView
專案地址:https://github.com/romannurik/Android-SwipeToDismiss
支援3.0以下版本見:https://github.com/JakeWharton/SwipeToDismissNOA
Demo地址:https://github.com/JakeWharton/SwipeToDismissNOA/SwipeToDismissNOA.apk/qr_code
7.StickyListHeaders GroupName滑動到頂端時會固定不動直到另外一個GroupName到達頂端的ExpandListView,支援快速滑動,支援Android2.3及以上
專案地址:https://github.com/emilsjolander/StickyListHeaders
APP示例:Android 4.0聯絡人
效果圖:


8.pinned-section-listview GroupName滑動到頂端時會固定不動直到另外一個GroupName到達頂端的ExpandListView
專案地址:https://github.com/beworker/pinned-section-listview

9.PinnedHeaderListView GroupName滑動到頂端時會固定不動直到另外一個GroupName到達頂端的ExpandListView
專案地址:https://github.com/JimiSmith/PinnedHeaderListView
9.QuickReturnHeader ListView/ScrollView的header或footer,當向下滾動時消失,向上滾動時出現
專案地址:https://github.com/ManuelPeinado/QuickReturnHeader
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/quick-return-header-demo.apk?raw=true
APP示例:google plus
10.IndexableListView ListView右側會顯示item首字母快捷索引,點選可快速滑動到某個item
專案地址:https://github.com/woozzu/IndexableListView
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/indexable-listview.apk?raw=true
APP示例:微信通訊錄、小米聯絡人
11.CustomFastScrollView ListView快速滑動,同時螢幕中間PopupWindows顯示滑動到的item內容或首字母
專案地址:https://github.com/nolanlawson/CustomFastScrollViewDemo
效果圖:


12.Android-ScrollBarPanel ListView滑動時固定的Panel指示顯示在scrollbar旁邊
專案地址:https://github.com/rno/Android-ScrollBarPanel
效果展示:https://github.com/rno/Android-ScrollBarPanel/raw/master/demo_capture.png
13.SlideExpandableListView 使用者點選listView item滑出固定區域,其他item的區域收縮
專案地址:https://github.com/tjerkw/Android-SlideExpandableListView
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/slide-expandable-listView-demo.apk?raw=true
14.JazzyListView ListView及GridView item以特殊動畫效果進入螢幕,效果包括grow、cards、curl、wave、flip、fly等等
專案地址:https://github.com/twotoasters/JazzyListView
Demo地址:https://play.google.com/store/apps/details?id=com.twotoasters.jazzylistview.sample
效果展示:http://lab.hakim.se/scroll-effects/
15.ListViewAnimations 帶Item顯示動畫的ListView,動畫包括底部飛入、其他方向斜飛入、下層飛入、漸變消失、滑動刪除等
專案地址:https://github.com/nhaarman/ListViewAnimations
Demo地址:https://play.google.com/store/apps/details?id=com.haarman.listviewanimations
APP示例:Google plus、Google Now卡片式進入、小米系統中應用商店、聯絡人、遊戲中心、音樂、檔案管理器的ListView、Ultimate、Light Flow Lite、TreinVerkeer、Running Coach、Pearl Jam Lyrics、Calorie Chart、Car Hire、Super BART、DK FlashCards、Counter Plus、Voorlees Verhaaltjes 2.0
16.DevsmartLib-Android 橫向ListView
專案地址:https://github.com/dinocore1/DevsmartLib-Android
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/horizontal-listview-demo.apk?raw=true

二、ActionBar
1.ActionBarSherlock 為Android所有版本提供統一的ActionBar,解決4.0以下ActionBar的適配問題
專案地址:https://github.com/JakeWharton/ActionBarSherlock
Demo地址:https://play.google.com/store/apps/details?id=com.actionbarsherlock.sample.demos
APP示例:太多了。。現在連google都在用
2.ActionBar-PullToRefresh 下拉重新整理,ActionBar出現載入中提示
專案地址:https://github.com/chrisbanes/ActionBar-PullToRefresh
Demo地址:https://play.google.com/store/apps/details?id=uk.co.senab.actionbarpulltorefresh.samples.stock
APP示例:Gmail,Google plus,知乎等
3.FadingActionBar ListView向下滾動逐漸顯現的ActionBar
專案地址:https://github.com/ManuelPeinado/FadingActionBar
Demo地址:https://play.google.com/store/apps/details?id=com.manuelpeinado.fadingactionbar.demo
APP示例:google music,知乎
4.NotBoringActionBar google music下拉收縮的ActionBar
專案地址:https://github.com/flavienlaurent/NotBoringActionBar
Demo地址:http://flavienlaurent.com/blog/2013/11/20/making-your-action-bar-not-boring/
APP示例:Google音樂
5.RefreshActionItem 帶進度顯示和重新整理按鈕的ActionBar
專案地址:https://github.com/ManuelPeinado/RefreshActionItem
Demo地址:https://play.google.com/store/apps/details?id=com.manuelpeinado.refreshactionitem.demo
APP示例:The New York Times,DevAppsDirect.
6.GlassActionBar 類似玻璃的有一定透明度的ActionBar
專案地址:https://github.com/ManuelPeinado/GlassActionBar
Demo地址:https://play.google.com/store/apps/details?id=com.manuelpeinado.glassactionbardemo
APP示例:google music

三、Menu
1.MenuDrawer 滑出式選單,通過拖動螢幕邊緣滑出選單,支援螢幕上下左右劃出,支援當前View處於上下層,支援Windows邊緣、ListView邊緣、ViewPager變化劃出選單等。
專案地址:https://github.com/SimonVT/android-menudrawer
Demo地址:http://simonvt.github.io/android-menudrawer/
APP示例:Gmail、Google Music等大部分google app
2.SlidingMenu 滑出式選單,通過拖動螢幕邊緣滑出選單,支援螢幕左右劃出,支援選單zoom、scale、slide up三種動畫樣式出現。
專案地址:https://github.com/jfeinstein10/SlidingMenu
Demo地址:https://play.google.com/store/apps/details?id=com.slidingmenu.example
APP示例:Foursquare, LinkedIn, Zappos, Rdio, Evernote Food, Plume, VLC for Android, ESPN ScoreCenter, MLS MatchDay, 9GAG, Wunderlist 2, The Verge, MTG Familiar, Mantano Reader, Falcon Pro (BETA), MW3 Barracks
MenuDrawer和SlidingMenu比較:SlidingMenu支援選單動畫樣式出現,MenuDrawer支援選單view處於內容的上下層
3.ArcMenu 支援類似Path的左下角動畫旋轉選單及橫向劃出選單、圓心彈出選單
專案地址:https://github.com/daCapricorn/ArcMenu
APP示例:Path
https://dl.dropboxusercontent.com/u/11369687/preview1.png
https://dl.dropboxusercontent.com/u/11369687/raymenu.png
4.android-satellite-menu 類似Path的左下角動畫旋轉選單
專案地址:https://github.com/siyamed/android-satellite-menu
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/satellite-menu-demo.apk?raw=true
APP示例:Path
5.radial-menu-widget 圓形選單,支援二級選單
專案地址:https://code.google.com/p/radial-menu-widget/
效果圖:http://farm8.staticflickr.com/7377/11621125154_d1773c2dcc_o.jpg
6.Android Wheel Menu 圓形旋轉選取選單
專案地址:https://github.com/anupcowkur/Android-Wheel-Menu
效果圖:圖:


7.FoldingNavigationDrawer滑動並以摺疊方式開啟選單
專案地址:https://github.com/tibi1712/FoldingNavigationDrawer-Android
使用介紹:https://play.google.com/store/apps/details?id=com.ptr.folding.sample
效果圖:
四、ViewPager 、Gallery
1.Android-ViewPagerIndicator 配合ViewPager使用的Indicator,支援各種位置和樣式
專案地址:https://github.com/JakeWharton/Android-ViewPagerIndicator
Demo地址:https://play.google.com/store/apps/details?id=com.viewpagerindicator.sample
APP示例:太多了。。
2.JazzyViewPager 支援Fragment切換動畫的ViewPager,動畫包括轉盤、淡入淡出、翻頁、層疊、旋轉、方塊、翻轉、放大縮小等
專案地址:https://github.com/jfeinstein10/JazzyViewPager
Demo地址:https://github.com/jfeinstein10/JazzyViewPager/blob/master/JazzyViewPager.apk?raw=true
效果類似桌面左右切換的各種效果,不過桌面並非用ViewPager實現而已
3.Android-DirectionalViewPager 支援橫向和縱向(垂直)的ViewPager
專案地址:https://github.com/JakeWharton/Android-DirectionalViewPager
Demo地址:https://market.android.com/details?id=com.directionalviewpager.sample
4.android-pulltorefresh 支援下拉重新整理的ViewPager
專案地址:https://github.com/chrisbanes/Android-PullToRefresh
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/pull-to-refreshview-demo.apk?raw=true
APP示例:新浪微博各個頁面
5.FancyCoverFlow支援Item切換動畫效果的類似Gallery View
專案地址:https://github.com/davidschreiber/FancyCoverFlow
Demo地址:https://play.google.com/store/apps/details?id=at.technikum.mti.fancycoverflow.samples
效果圖:
6.AndroidTouchGallery 支援雙擊或雙指縮放的Gallery(用ViewPager實現)
相比下面的PhotoView,在被放大後依然能滑到下一個item,並且支援直接從url和檔案中獲取圖片,
專案地址:https://github.com/Dreddik/AndroidTouchGallery
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/touch-gallery-demo.apk?raw=true
APP示例:類似微信中檢視聊天記錄圖片時可雙擊放大,並且放大情況下能正常左右滑動到前後圖片
7.Salvage view 帶View快取的Viewpager PagerAdapter,很方便使用
專案地址:https://github.com/JakeWharton/salvage

五、GridView
1.StaggeredGridView 允許非對齊行的GridView
類似Pinterest的瀑布流,並且跟ListView一樣自帶View快取,繼承自ViewGroup
專案地址:https://github.com/maurycyw/StaggeredGridView
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/staggered-gridview-demo.apk?raw=true
APP示例:Pinterest等
2.AndroidStaggeredGrid 允許非對齊行的GridView
類似Pinterest的瀑布流,繼承自AbsListView
專案地址:https://github.com/etsy/AndroidStaggeredGrid
APP示例:Pinterest等
3.PinterestLikeAdapterView允許非對齊行的GridView
類似Pinterest的瀑布流,允許下拉重新整理
專案地址:https://github.com/GDG-Korea/PinterestLikeAdapterView
APP示例:Pinterest等
4.DraggableGridView Item可拖動交換位置的GridView,類似桌面的單屏效果
專案地址:https://github.com/thquinn/DraggableGridView
Demo地址:https://github.com/thquinn/DraggableGridView/blob/master/bin/DraggableGridViewSample.apk?raw=true

六、ImageView

1.PhotoView 支援雙擊或雙指縮放的ImageView
在ViewPager等Scrolling view中正常使用,相比上面的AndroidTouchGallery,不僅支援ViewPager,同時支援單個ImageView
專案地址:https://github.com/chrisbanes/PhotoView
Demo地址:https://play.google.com/store/apps/details?id=uk.co.senab.photoview.sample
APP示例:photup
2.android-gif-drawable 支援gif顯示的view
專案地址:https://github.com/koral--/android-gif-drawable
用jni實現的,編譯生成so庫後直接xml定義view即可,而且本身不依賴於其他開源專案所以相對下面的ImageViewEx簡單的多
3.ImageViewEx 支援Gif顯示的ImageView
專案地址:https://github.com/frapontillo/ImageViewEx
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/imageviewex-demo.apk?raw=true
依賴很多,編譯過程很繁瑣!|_|!
4.RoundedImageView 帶圓角的ImageView
專案地址:https://github.com/vinc3m1/RoundedImageView
效果圖:

七、ProgressBar

1.SmoothProgressBar 水平進度條
專案地址:https://github.com/castorflex/SmoothProgressBar
Demo地址:https://play.google.com/store/apps/details?id=fr.castorflex.android.smoothprogressbar.sample
2.ProgressWheel 支援進度顯示的圓形ProgressBar
專案地址:https://github.com/Todd-Davies/ProgressWheel
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/progress-wheel-demo.apk?raw=true
3.android-square-progressbar 在圖片周圍顯示進度
專案地址:https://github.com/mrwonderman/android-square-progressbar
Demo地址:https://play.google.com/store/apps/details?id=net.yscs.android.square_progressbar_example
APP示例:square
效果圖:
4.HoloCircularProgressBar Android4.1 時鐘App樣式
專案地址:https://github.com/passsy/android-HoloCircularProgressBar
APP示例:Android4.1時鐘App
效果圖:https://raw.github.com/passsy/android-HoloCircularProgressBar/master/raw/screenshot1.png

八、其他

1.achartengine 強大的圖示繪製工具
支援折線圖、面積圖、散點圖、時間圖、柱狀圖、條圖、餅圖、氣泡圖、圓環圖、範圍(高至低)條形圖、撥號圖/表、立方線圖及各種圖的結合
專案地址:https://code.google.com/p/achartengine/
官方網站:http://www.achartengine.org/
效果圖:


http://www.achartengine.org/dimages/sales_line_and_area_chart.png
http://www.achartengine.org/dimages/temperature_range_chart.png
http://www.achartengine.org/dimages/combined_chart.png
http://www.achartengine.org/dimages/budget_chart.png
APP示例:Wordpress Android,Google Analytics
2.GraphView 繪製圖表和曲線圖的View
可用於Android上的曲形圖、柱狀圖、波浪圖展示
專案地址:https://github.com/jjoe64/GraphView
Demo工程:https://github.com/jjoe64/GraphView-Demos
Demo地址:https://play.google.com/store/apps/details?id=com.sothree.umano
APP示例:Wordpress Android,Google Analytics
3.android-flip 類似Flipboard翻轉動畫的實現
專案地址:https://github.com/openaphid/android-flip
Demo地址:https://github.com/openaphid/android-flip/blob/master/FlipView/Demo/APK/Aphid-FlipView-Demo.apk?raw=true
APP示例:flipboard
4.FlipImageView 支援x、y、z及動畫選擇的翻轉動畫的實現
專案地址:https://github.com/castorflex/FlipImageView
Demo地址:https://play.google.com/store/apps/details?id=fr.castorflex.android.flipimageview
5.SwipeBackLayout 左右或向上滑動返回的Activity
專案地址:https://github.com/Issacw0ng/SwipeBackLayout
Demo地址:https://play.google.com/store/apps/details?id=me.imid.swipebacklayout.demo
APP示例:知乎
6.Cards-UI 卡片式View,支援單個卡片,item為卡片的ListView
專案地址:https://github.com/afollestad/Cards-UI
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/cards-ui-demo.apk?raw=true
7.cardslib 卡片式View,支援單個卡片,item為卡片的ListView和GridView
專案地址:https://github.com/gabrielemariotti/cardslib
Demo地址:https://play.google.com/store/apps/details?id=it.gmariotti.cardslib.demo
8.android-styled-dialogs 可自定義樣式的dialog
預設與Holo主題樣式一致,在Android2.2以上同一樣式
專案地址:https://github.com/inmite/android-styled-dialogs
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/styled-dialogs-demo.apk?raw=true
9.Crouton 豐富樣式的Toast
允許alert、comfirm、info樣式及點選消失樣式,允許設定Toast顯示時間,允許自定義View。
專案地址:https://github.com/keyboardsurfer/Crouton
Demo地址:http://play.google.com/store/apps/details?id=de.keyboardsurfer.app.demo.crouton
10.supertooltips 帶動畫效果的Tips顯示
專案地址:https://github.com/nhaarman/supertooltips
Demo地址:https://play.google.com/store/apps/details?id=com.haarman.supertooltips
11.Android ViewBadger為其他View新增角標等
專案地址:https://github.com/jgilfelt/android-viewbadger
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/android-viewbadger.apk?raw=true
效果圖:https://github-camo.global.ssl.fastly.net/a705a3e88c75ae2394943bd7c56f725697616ea8/687474703a2f2f7777772e6a65666667696c66656c742e636f6d2f766965776261646765722f76622d31612e706e67
12.Android Sliding Up Panel 可拖動的View,能在當前Activity上扶起一個可拖動的Panel
專案地址:https://github.com/umano/AndroidSlidingUpPanel
Demo地址:https://play.google.com/store/apps/details?id=com.sothree.umano
APP示例:Google Music精簡播放欄
13.android-times-square Android日曆部件
支援選取單個日期,多個日期,及日期區間段和對話方塊形式顯示
專案地址:https://github.com/square/android-times-square
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/times-square-demo.apk?raw=true
14.android-calendar-card 日曆
專案地址:https://github.com/kenumir/android-calendar-card
Demo地址:https://play.google.com/store/apps/details?id=com.wt.calendarcardsample
效果圖:
15.ColorPickerView 顏色選擇器,支援PopupWindows或新的Activity中開啟
專案地址:https://code.google.com/p/color-picker-view/
效果圖:
16.HoloColorPicker 顏色選擇器
專案地址:https://github.com/LarsWerkman/HoloColorPicker
Demo地址:https://docs.google.com/file/d/0BwclyDTlLrdXRzVnTGJvTlRfU2s/edit
17.AndroidWheel Android Wheel支援城市、多種日期時間、密碼、圖片
專案地址:https://github.com/sephiroth74/AndroidWheel
效果圖:
18.android-flowtextview文字自動環繞其他View的Layout
專案地址:https://code.google.com/p/android-flowtextview/
效果圖:http://i949.photobucket.com/albums/ad332/vostroman1500/1.png
19.Segmented Radio Buttons for Android iOS’s segmented controls的實現
專案地址:https://github.com/vinc3m1/android-segmentedradiobutton
Demo地址:https://github.com/thquinn/DraggableGridView/blob/master/bin/DraggableGridViewSample.apk?raw=true
效果圖:
20.TableFixHeaders 第一列固定的Table
專案地址:https://github.com/InQBarna/TableFixHeaders
Demo地址:http://bit.ly/13buAIq
21.Android Form EditText 驗證輸入合法性的編輯框
支援輸入、英文、ip、url等多種正則驗證
專案地址:https://github.com/vekexasia/android-edittext-validator
Demo地址:https://play.google.com/store/apps/details?id=com.andreabaccega.edittextformexample
22.UITableView ios風格控制元件
包括Button、ListView、TableView
專案地址:https://github.com/thiagolocatelli/android-uitableview
Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/ui-tableview-demo.apk?raw=true
23.ATableView ios風格控制元件
專案地址:https://github.com/dmacosta/ATableView
Demo地址:https://play.google.com/store/apps/details?id=com.nakardo.atableview.demo
24.UndoBar螢幕底部顯示取消或是確認的PopupWindows
專案地址:https://github.com/soarcn/UndoBar
效果圖:
25.Inscription可用於展示應用change和new feature資訊
專案地址:https://github.com/MartinvanZ/Inscription
26.ActivityTransition Activity切換動畫,包括漸變、flip、某個位置進入等等
專案地址:https://github.com/ophilbert/ActivityTransition
使用介紹:https://github.com/jfeinstein10/JazzyViewPager/blob/master/JazzyViewPager.apk?raw=true
效果圖:類似桌面左右切換的各種效果,不過桌面並非用ViewPager實現而已
27.Cropper 圖片區域性剪下工具,可觸控控制選擇區域或旋轉
專案地址:https://github.com/edmodo/cropper
使用介紹:https://github.com/edmodo/cropper/wiki
效果圖:
28.GlowPadBackport將Android4.2的鎖屏介面解鎖擴充套件到Android1.6及1.6+
專案地址:https://github.com/rock3r/GlowPadBackport
Demo地址:https://play.google.com/store/apps/details?id=net.sebastianopoggi.samples.ui.GlowPadSample
效果圖:
29.GlowPadView Android4鎖屏介面解鎖
專案地址:https://github.com/nadavfima/GlowPadView
效果圖:https://raw.github.com/nadavfima/GlowPadView/master/example.png
30.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開機的圖案密碼解鎖,支付寶的密碼解鎖

相關文章