主要介紹那些不錯個性化的View,包括ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、ProgressBar及其他如Dialog、Toast、EditText、TableView、Activity Animation等等。
一、ListView
-
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示例:新浪微網誌各個頁面
-
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
-
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
-
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
-
SwipeListView 支援定義ListView左右滑動事件,支援左右滑動位移,支援定義動畫時間
項目位址:https://github.com/47deg/android-swipelistview
Demo位址:https://play.google.com/store/apps/details?id=com.fortysevendeg.android.swipelistview
APP示例:微信
-
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
-
StickyListHeaders GroupName滑動到頂端時會固定不動直到另外一個GroupName到達頂端的ExpandListView,支援快速滑動,支援Android2.3及以上
項目位址:https://github.com/emilsjolander/StickyListHeaders
APP示例:Android 4.0聯系人
效果圖:
-
pinned-section-listview GroupName滑動到頂端時會固定不動直到另外一個GroupName到達頂端的ExpandListView
項目位址:https://github.com/beworker/pinned-section-listview
效果圖:
-
PinnedHeaderListView GroupName滑動到頂端時會固定不動直到另外一個GroupName到達頂端的ExpandListView
項目位址:https://github.com/JimiSmith/PinnedHeaderListView
-
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
-
IndexableListView ListView右側會顯示item首字母快捷索引,點選可快速滑動到某個item
項目位址:https://github.com/woozzu/IndexableListView
Demo位址:https://github.com/Trinea/TrineaDownload/blob/master/indexable-listview.apk?raw=true
APP示例:微信通訊錄、小米聯系人
-
CustomFastScrollView ListView快速滑動,同時螢幕中間PopupWindows顯示滑動到的item内容或首字母
項目位址:https://github.com/nolanlawson/CustomFastScrollViewDemo
效果圖:
-
Android-ScrollBarPanel ListView滑動時固定的Panel訓示顯示在scrollbar旁邊
項目位址:https://github.com/rno/Android-ScrollBarPanel
效果展示:https://github.com/rno/Android-ScrollBarPanel/raw/master/demo_capture.png
-
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
-
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/
-
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
-
DevsmartLib-Android 橫向ListView
項目位址:https://github.com/dinocore1/DevsmartLib-Android
Demo位址:https://github.com/Trinea/TrineaDownload/blob/master/horizontal-listview-demo.apk?raw=true
二、ActionBar
-
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都在用
-
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,知乎等
-
FadingActionBar ListView向下滾動逐漸顯現的ActionBar
項目位址:https://github.com/ManuelPeinado/FadingActionBar
Demo位址:https://play.google.com/store/apps/details?id=com.manuelpeinado.fadingactionbar.demo
APP示例:google music,知乎
-
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音樂
-
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.
-
GlassActionBar 類似玻璃的有一定透明度的ActionBar
項目位址:https://github.com/ManuelPeinado/GlassActionBar
Demo位址:https://play.google.com/store/apps/details?id=com.manuelpeinado.glassactionbardemo
APP示例:google music
三、Menu
-
MenuDrawer 滑出式菜單,通過拖動螢幕邊緣滑出菜單,支援螢幕上下左右劃出,支援目前View處于上下層,支援Windows邊緣、ListView邊緣、ViewPager變化劃出菜單等。
項目位址:https://github.com/SimonVT/android-menudrawer
Demo位址:http://simonvt.github.io/android-menudrawer/
APP示例:Gmail、Google Music等大部分google app
-
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處于内容的上下層
-
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
-
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
-
radial-menu-widget 圓形菜單,支援二級菜單
項目位址:https://code.google.com/p/radial-menu-widget/
效果圖:http://farm8.staticflickr.com/7377/11621125154_d1773c2dcc_o.jpg
-
Android Wheel Menu 圓形旋轉選取菜單
項目位址:https://github.com/anupcowkur/Android-Wheel-Menu
效果圖:
-
FoldingNavigationDrawer滑動并以折疊方式打開菜單
項目位址:https://github.com/tibi1712/FoldingNavigationDrawer-Android
使用介紹:https://play.google.com/store/apps/details?id=com.ptr.folding.sample
效果圖:
四、ViewPager 、Gallery
-
Android-ViewPagerIndicator 配合ViewPager使用的Indicator,支援各種位置和樣式
項目位址:https://github.com/JakeWharton/Android-ViewPagerIndicator
Demo位址:https://play.google.com/store/apps/details?id=com.viewpagerindicator.sample
APP示例:太多了。。
-
JazzyViewPager 支援Fragment切換動畫的ViewPager,動畫包括轉盤、淡入淡出、翻頁、層疊、旋轉、方塊、翻轉、放大縮小等
項目位址:https://github.com/jfeinstein10/JazzyViewPager
Demo位址:https://github.com/jfeinstein10/JazzyViewPager/blob/master/JazzyViewPager.apk?raw=true
效果類似桌面左右切換的各種效果,不過桌面并非用ViewPager實作而已
-
Android-DirectionalViewPager 支援橫向和縱向(垂直)的ViewPager
項目位址:https://github.com/JakeWharton/Android-DirectionalViewPager
Demo位址:https://market.android.com/details?id=com.directionalviewpager.sample
-
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示例:新浪微網誌各個頁面
-
FancyCoverFlow支援Item切換動畫效果的類似Gallery View
項目位址:https://github.com/davidschreiber/FancyCoverFlow
Demo位址:https://play.google.com/store/apps/details?id=at.technikum.mti.fancycoverflow.samples
效果圖:
-
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示例:類似微信中檢視聊天記錄圖檔時可輕按兩下放大,并且放大情況下能正常左右滑動到前後圖檔
-
Salvage view 帶View緩存的Viewpager PagerAdapter,很友善使用
項目位址:https://github.com/JakeWharton/salvage
五、GridView
-
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等
-
AndroidStaggeredGrid 允許非對齊行的GridView
類似Pinterest的瀑布流,繼承自AbsListView
項目位址:https://github.com/etsy/AndroidStaggeredGrid
APP示例:Pinterest等
-
PinterestLikeAdapterView 允許非對齊行的GridView
類似Pinterest的瀑布流,允許下拉重新整理
項目位址:https://github.com/GDG-Korea/PinterestLikeAdapterView
APP示例:Pinterest等
-
DraggableGridView Item可拖動交換位置的GridView,類似桌面的單屏效果
項目位址:https://github.com/thquinn/DraggableGridView
Demo位址:https://github.com/thquinn/DraggableGridView/blob/master/bin/DraggableGridViewSample.apk?raw=true
六、ImageView
-
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
-
android-gif-drawable 支援gif顯示的view
項目位址:https://github.com/koral--/android-gif-drawable
用jni實作的,編譯生成so庫後直接xml定義view即可,而且本身不依賴于其他開源項目是以相對下面的ImageViewEx簡單的多
-
ImageViewEx 支援Gif顯示的ImageView
項目位址:https://github.com/frapontillo/ImageViewEx
Demo位址:https://github.com/Trinea/TrineaDownload/blob/master/imageviewex-demo.apk?raw=true
依賴很多,編譯過程很繁瑣!|_|!
-
RoundedImageView 帶圓角的ImageView
項目位址:https://github.com/vinc3m1/RoundedImageView
效果圖:
七、ProgressBar
-
SmoothProgressBar 水準進度條
項目位址:https://github.com/castorflex/SmoothProgressBar
Demo位址:https://play.google.com/store/apps/details?id=fr.castorflex.android.smoothprogressbar.sample
-
ProgressWheel 支援進度顯示的圓形ProgressBar
項目位址:https://github.com/Todd-Davies/ProgressWheel
Demo位址:https://github.com/Trinea/TrineaDownload/blob/master/progress-wheel-demo.apk?raw=true
-
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
效果圖:
-
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
八、其他
-
-
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
-
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
-
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
-
FlipImageView 支援x、y、z及動畫選擇的翻轉動畫的實作
項目位址:https://github.com/castorflex/FlipImageView
Demo位址:https://play.google.com/store/apps/details?id=fr.castorflex.android.flipimageview
-
SwipeBackLayout 左右或向上滑動傳回的Activity
項目位址:https://github.com/Issacw0ng/SwipeBackLayout
Demo位址:https://play.google.com/store/apps/details?id=me.imid.swipebacklayout.demo
APP示例:知乎
-
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
-
cardslib 卡片式View,支援單個卡片,item為卡片的ListView和GridView
項目位址:https://github.com/gabrielemariotti/cardslib
Demo位址:https://play.google.com/store/apps/details?id=it.gmariotti.cardslib.demo
-
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
-
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
-
supertooltips 帶動畫效果的Tips顯示
項目位址:https://github.com/nhaarman/supertooltips
Demo位址:https://play.google.com/store/apps/details?id=com.haarman.supertooltips
-
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
-
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精簡播放欄
-
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
-
android-calendar-card 月曆
項目位址:https://github.com/kenumir/android-calendar-card
Demo位址:https://play.google.com/store/apps/details?id=com.wt.calendarcardsample
效果圖:
-
ColorPickerView 顔色選擇器,支援PopupWindows或新的Activity中打開
項目位址:https://code.google.com/p/color-picker-view/
效果圖:
-
HoloColorPicker 顔色選擇器
項目位址:https://github.com/LarsWerkman/HoloColorPicker
Demo位址:https://docs.google.com/file/d/0BwclyDTlLrdXRzVnTGJvTlRfU2s/edit
-
AndroidWheel Android Wheel支援城市、多種日期時間、密碼、圖檔
項目位址:https://github.com/sephiroth74/AndroidWheel
效果圖:
-
android-flowtextview文字自動環繞其他View的Layout
項目位址:https://code.google.com/p/android-flowtextview/
效果圖:http://i949.photobucket.com/albums/ad332/vostroman1500/1.png
-
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
效果圖:
-
TableFixHeaders 第一列固定的Table
項目位址:https://github.com/InQBarna/TableFixHeaders
Demo位址:http://bit.ly/13buAIq
-
Android Form EditText 驗證輸入合法性的編輯框
支援輸入、英文、ip、url等多種正則驗證
項目位址:https://github.com/vekexasia/android-edittext-validator
Demo位址:https://play.google.com/store/apps/details?id=com.andreabaccega.edittextformexample
-
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
-
ATableView ios風格控件
項目位址:https://github.com/dmacosta/ATableView
Demo位址:https://play.google.com/store/apps/details?id=com.nakardo.atableview.demo
-
UndoBar螢幕底部顯示取消或是确認的PopupWindows
項目位址:https://github.com/soarcn/UndoBar
效果圖:
-
Inscription可用于展示應用change和new feature資訊
項目位址:https://github.com/MartinvanZ/Inscription
-
ActivityTransition Activity切換動畫,包括漸變、flip、某個位置進入等等
項目位址:https://github.com/ophilbert/ActivityTransition
使用介紹:https://github.com/jfeinstein10/JazzyViewPager/blob/master/JazzyViewPager.apk?raw=true
效果圖:類似桌面左右切換的各種效果,不過桌面并非用ViewPager實作而已
-
Cropper 圖檔局部剪切工具,可觸摸控制選擇區域或旋轉
項目位址:https://github.com/edmodo/cropper
使用介紹:https://github.com/edmodo/cropper/wiki
效果圖:
-
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
效果圖:
-
GlowPadView Android4鎖屏界面解鎖
項目位址:https://github.com/nadavfima/GlowPadView
效果圖:https://raw.github.com/nadavfima/GlowPadView/master/example.png
-
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開機的圖案密碼解鎖,支付寶的密碼解鎖
-