Android开源项目第一篇:个性化控件(View)篇

本文为那些不错的Android开源项目第一篇——个性化控件(View)篇，主要介绍Android上那些不错个性化的View，包括 ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、ProgressBar 及其他如Dialog、Toast、EditText、TableView、Activity Animation等等。 % \7 p$ Z  [" N: \7 z . @/ h4 s8  _0  + A: `" S# N9 `% r$ j$ V/ Z 本文为那些不错的Android开源项目第一篇——个性化控件(View)篇，**主要介绍Android上那些不错个性化的View，包括 ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、ProgressBar 及其他如Dialog、Toast、EditText、TableView、Activity Animation等等。**; {% Q, V. u1 J( S  \, n" v 本文中你可以找到那些精美App中各种有特性的View，如Gmail的左滑出菜单、Google plus的卡片式ListView，Pinterest的瀑布流，微信的左滑删除，微博的个页面下拉刷新等等。长期更新，欢迎大家补充和推荐^_^ 一、ListView 1. android-pulltorefresh 一个强大的拉动刷新开源项目，支持各种控件下拉刷新 ListView、ViewPager、WevView、ExpandableListView、GridView、(Horizontal6 y& h, F, Z7 [4 z6 {4 s )ScrollView、Fragment上下左右拉动刷新，比下面johannilsson那个只支持ListView的强大的多。并且他实现的下拉刷新ListView在item不足一屏情况下也不会显示刷新提示，体验更好。7 Y5 q* {6 a' D 项目地址：https://github.com/chrisbanes/Android-PullToRefresh Demo地址：https://github.com/Trinea/TrineaDownload/blob/master/pull-to-refreshview-demo.apk?raw=true: L9 \5 K/ C0 V7 s APP示例：新浪微博各个页面 2. android-pulltorefresh-listview 下拉刷新ListView* L9 f2 n! M9 N0 V* o1 U% p 项目地址：https://github.com/johannilsson/android-pulltorefresh& v" z4 _% y& x Demo地址：https://github.com/Trinea/TrineaDownload/blob/master/pull-to-refresh-listview-demo.apk?raw=true PS：这个被很多人使用的项目实际有不少bug，推荐使用上面的android-pulltorefresh7 Y( h. q0 n: @4 A8 C1 s 3. DropDownListView 下拉刷新及滑动到底部加载更多ListView 项目地址：https://github.com/Trinea/AndroidCommon: G% B2 p( d# R Demo地址：https://github.com/Trinea/TrineaDownload/blob/master/TrineaAndroidDemo.apk?raw=true; @1 v$ x# \* m) O4 i 文档介绍：http://www.trinea.cn/?p=523 4. DragSortListView 拖动排序的ListView5 B0 j" k- Z7 H. p: N 同时支持ListView滑动item删除，各个Item高度不一、单选、复选、CursorAdapter做为适配器、拖动背景变化等 项目地址：https://github.com/bauerca/drag-sort-listview6 o$ Z0 Z- w! t: y7 [, K Demo地址：https://play.google.com/store/apps/details?id=com.mobeta.android.demodslv( `' H5 E$ L1 }) Z& } APP示例：Wordpress Android 5. SwipeListView 支持定义ListView左右滑动事件，支持左右滑动位移，支持定义动画时间# f5 K; n0 U' p 项目地址：https://github.com/47deg/android-swipelistview Demo地址：https://play.google.com/store/apps/details?id=com.fortysevendeg.android.swipelistview APP示例：微信 6. Android-SwipeToDismiss 滑动Item消失ListView9 G% Z) Q3 c3 x/ `( L 项目地址：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及以上* W: z4 {) K# D5 z" n: ^  D& o 项目地址：https://github.com/emilsjolander/StickyListHeaders APP示例：Android 4.0联系人 效果图：https://raw.github.com/emilsjolander/StickyListHeaders/master/demo.gif/ i  {6 H2 t. j9 M" a& }; V$ z 8. pinned-section-listview GroupName滑动到顶端时会固定不动直到另外一个GroupName到达顶端的ExpandListView/ G* j+ ^2 G* B 项目地址：https://github.com/beworker/pinned-section-listview 效果图：https://raw.github.com/beworker/pinned-section-listview/master/screen1.png+ m6 L! W- t. Q* r" b 9. PinnedHeaderListView GroupName滑动到顶端时会固定不动直到另外一个GroupName到达顶端的ExpandListView 项目地址：https://github.com/JimiSmith/PinnedHeaderListView" }, Y1 {% G- {' P& {+ \3 D 10. QuickReturnHeader ListView/ScrollView的header或footer**，当向下滚动时消失，向上滚动时出现** 项目地址：https://github.com/ManuelPeinado/QuickReturnHeader  W* Q- B1 M% i( ~2 v" \ Demo地址：https://github.com/Trinea/TrineaDownload/blob/master/quick-return-header-demo.apk?raw=true APP示例：google plus ** 11. IndexableListView ListView右侧会显示item首字母快捷索引，点击可快速滑动到某个item**6 q  }9 I2 W) P( h7 m( e 项目地址：https://github.com/woozzu/IndexableListView3 @! M+ G' v' u- e; b Demo地址：https://github.com/Trinea/TrineaDownload/blob/master/indexable-listview.apk?raw=true1 R; S8 Q0 ~! y APP示例：微信通讯录、小米联系人 12. CustomFastScrollView ListView快速滑动，同时屏幕中间PopupWindows显示滑动到的item内容或首字母 项目地址：https://github.com/nolanlawson/CustomFastScrollViewDemo" v( ?* F( g2 u7 V& }6 H' U* S. Z( I 效果图：https://raw.github.com/nolanlawson/CustomFastScrollViewDemo/master/example.png 13. Android-ScrollBarPanel ListView滑动时固定的Panel指示显示在scrollbar旁边 项目地址：https://github.com/rno/Android-ScrollBarPanel 效果展示：https://github.com/rno/Android-ScrollBarPanel/raw/master/demo_capture.png 14. SlideExpandableListView 用户点击listView item滑出固定区域，其他item的区域收缩 项目地址：https://github.com/tjerkw/Android-SlideExpandableListView* {, Q; H. I# f7 B% p+ m- ^ Demo地址：https://github.com/Trinea/TrineaDownload/blob/master/slide-expandable-listView-demo.apk?raw=true 15. JazzyListView ListView及GridView item以特殊动画效果进入屏幕，效果包括grow、cards、curl、wave、flip、fly等等" u, ^. J2 e& ?1 | 项目地址：https://github.com/twotoasters/JazzyListView Demo地址：https://play.google.com/store/apps/details?id=com.twotoasters.jazzylistview.sample! \( j7 g/ e0 k% R5 g0 p. J5 L 效果展示：http://lab.hakim.se/scroll-effects/; ^3 M  T1 ~% ~% `9 O 16. ListViewAnimations 带Item显示动画的ListView，动画包括底部飞入、其他方向斜飞入、下层飞入、渐变消失、滑动删除等 项目地址：https://github.com/nhaarman/ListViewAnimations! [* N8 J. K& d2 \& x6 {6 M 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  n$ E, O3 N: u8 B/ O 17. DevsmartLib-Android 横向ListView$ q7 g" ~' c; _" k3 ?  c7 ] 项目地址：https://github.com/dinocore1/DevsmartLib-Android Demo地址：https://github.com/Trinea/TrineaDownload/blob/master/horizontal-listview-demo.apk?raw=true 二、ActionBar* D/ ?9 K$ X$ J 1. ActionBarSherlock 为Android所有版本提供统一的ActionBar，解决4.0以下ActionBar的适配问题* ^. h2 ?  t3 X& | 项目地址：https://github.com/JakeWharton/ActionBarSherlock$ W  h% m% X6 ~ Demo地址：https://play.google.com/store/apps/details?id=com.actionbarsherlock.sample.demos( `, H' i3 x1 r APP示例：太多了。。现在连google都在用9 D  s. C6 t; W6 T, u5 w 2. ActionBar-PullToRefresh 下拉刷新，ActionBar出现加载中提示- y- c& Q/ A* M2 i* P% x 项目地址：https://github.com/chrisbanes/ActionBar-PullToRefresh Demo地址：https://play.google.com/store/apps/details?id=uk.co.senab.actionbarpulltorefresh.samples.stock' D; m% {( i# t3 l. ^8 X APP示例：Gmail，Google plus，知乎等# ?' m4 F$ a1 W* r3 O+ @" M6 W5 w 3. FadingActionBar ListView向下滚动逐渐显现的ActionBar! D. N1 q/ M$ m8 ]$ Z! d 项目地址：https://github.com/ManuelPeinado/FadingActionBar7 g3 x) c2 J7 g- O Demo地址：https://play.google.com/store/apps/details?id=com.manuelpeinado.fadingactionbar.demo APP示例：google music，知乎7 k  F* X# S/ Q% w- M8 N 4. NotBoringActionBar google music下拉收缩的ActionBar 项目地址：https://github.com/flavienlaurent/NotBoringActionBar Demo地址：http://flavienlaurent.com/blog/2013/11/20/making-your-action-bar-not-boring/( `, ?! F( y4 ~, h# I APP示例：Google音乐7 Z  O6 b4 ~2 R& G8 ]+ O% O$ X 5. RefreshActionItem 带进度显示和刷新按钮的ActionBar4 w& J: P6 }7 P' H 项目地址：https://github.com/ManuelPeinado/RefreshActionItem7 }' w0 o2 B3 _7 ~: P Demo地址：https://play.google.com/store/apps/details?id=com.manuelpeinado.refreshactionitem.demo0 ]% i, z; Z: |; T/ b APP示例：The New York Times，DevAppsDirect. 6. GlassActionBar 类似玻璃的有一定透明度的ActionBar: [, x& C4 ?2 G6 D* a  R 项目地址：https://github.com/ManuelPeinado/GlassActionBar; S6 Y- I! w. ^  _% q Demo地址：https://play.google.com/store/apps/details?id=com.manuelpeinado.glassactionbardemo& N4 t6 j1 h' G5 p0 a6 j APP示例：google music3 X" r+ Z6 ^; I **三、Menu **5 {. Q2 ]! g4 r1 H 1. MenuDrawer 滑出式菜单，通过拖动屏幕边缘滑出菜单，支持屏幕上下左右划出，支持当前View处于上下层，支持Windows边缘、ListView边缘、ViewPager变化划出菜单等。( A; j* g' D1 h9 A" E, M 项目地址：https://github.com/SimonVT/android-menudrawer Demo地址：http://simonvt.github.io/android-menudrawer/! b. e( I( E' q6 D' y  s1 P3 Y& u APP示例：Gmail、Google Music等大部分google app 2. SlidingMenu 滑出式菜单，通过拖动屏幕边缘滑出菜单，支持屏幕左右划出，支持菜单zoom、scale、slide up三种动画样式出现。 项目地址：https://github.com/jfeinstein10/SlidingMenu% u0 ?1 U- F5 M9 W$ \) C( t) s 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 Barracks9 A3 D+ ~+ b1 g. F/ S$ U MenuDrawer和SlidingMenu比较：SlidingMenu支持菜单动画样式出现，MenuDrawer支持菜单view处于内容的上下层6 i: _% V% E& l: X/ D% G' o3 x$ m 3. ArcMenu 支持类似Path的左下角动画旋转菜单及横向划出菜单、圆心弹出菜单 项目地址：https://github.com/daCapricorn/ArcMenu APP示例：Path8 W/ v$ ~; ^/ J- F 效果图：(有墙)https://dl.dropboxusercontent.com/u/11369687/preview0.png% w% X4 l: Q3 u https://dl.dropboxusercontent.com/u/11369687/preview1.png; t; n" F. m# d1 a5 | https://dl.dropboxusercontent.com/u/11369687/raymenu.png 4. android-satellite-menu 类似Path的左下角动画旋转菜单4 m8 {3 Z5 N6 W! R: x: Z- \ 项目地址：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 圆形菜单，支持二级菜单2 U9 {; D2 M" x5 Q4 b0 h0 h* P 项目地址：https://code.google.com/p/radial-menu-widget// F7 `: K4 h. s/ a4 J0 j: e; { 效果图：http://farm8.staticflickr.com/7377/11621125154_d1773c2dcc_o.jpg 6. Android Wheel Menu 圆形旋转选取菜单 项目地址：https://github.com/anupcowkur/Android-Wheel-Menu 效果图：https://raw.github.com/anupcowkur/Android-Wheel-Menu/master/graphics/wheel.gif, z! ], r. f' o% Y) `  L1 t 7. FoldingNavigationDrawer滑动并以折叠方式打开菜单4 q# C" h* ]  x3 C 项目地址：https://github.com/tibi1712/FoldingNavigationDrawer-Android 使用介绍：https://play.google.com/store/apps/details?id=com.ptr.folding.sample( e! ?6 O5 s& W/ ?! W 效果图：https://lh6.ggpht.com/VnKUZenAozQ0KFAm5blFTGqMaKFjvX-BK2JH-jrX1sIXVTqciACqRhqFH48hc4pm2Q=h310-rw 四、ViewPager 、Gallery- J/ N% e) P! w- V. j2 c 1. Android-ViewPagerIndicator 配合ViewPager使用的Indicator，支持各种位置和样式7 Q6 a- |8 a( v9 k* o( p8 e7 _- U 项目地址：https://github.com/JakeWharton/Android-ViewPagerIndicator Demo地址：https://play.google.com/store/apps/details?id=com.viewpagerindicator.sample APP示例：太多了。。. M& P! e) L  P. E4 X 2. JazzyViewPager 支持Fragment切换动画的ViewPager，动画包括转盘、淡入淡出、翻页、层叠、旋转、方块、翻转、放大缩小等 项目地址：https://github.com/jfeinstein10/JazzyViewPager Demo地址：https://github.com/jfeinstein10/JazzyViewPager/blob/master/JazzyViewPager.apk?raw=true' u! E' Q6 f( y+ J 效果图：类似桌面左右切换的各种效果，不过桌面并非用ViewPager实现而已$ X& D: C1 y% M 3. Android-DirectionalViewPager 支持横向和纵向(垂直)的ViewPager5 `# l  o9 L  r# G5 F% @8 j9 Z! m 项目地址：https://github.com/JakeWharton/Android-DirectionalViewPager8 C8 s, x" j: A& j Demo地址：https://market.android.com/details?id=com.directionalviewpager.sample 4. android-pulltorefresh 支持下拉刷新的ViewPager2 B0 E/ Y' ?7 z! J& b 项目地址：https://github.com/chrisbanes/Android-PullToRefresh- \( o, z7 ?8 U# o/ `' ?& w Demo地址：https://github.com/Trinea/TrineaDownload/blob/master/pull-to-refreshview-demo.apk?raw=true APP示例：新浪微博各个页面* g/ q0 L  X" k7 @- u 5. FancyCoverFlow支持Item切换动画效果的类似Gallery View 项目地址：https://github.com/davidschreiber/FancyCoverFlow2 U$ s- C+ a/ \# j/ `9 ^ Demo地址：https://play.google.com/store/apps/details?id=at.technikum.mti.fancycoverflow.samples1 t0 Z- @% |& j5 F 效果图：https://github-camo.global.ssl.fastly.net/ef5ced52b7b54652b50499521ed797c0188c7a6b/687474703a2f2f64617669647363687265696265722e6769746875622e696f2f46616e6379436f766572466c6f772f73637265656e73686f74322e706e670 W: ]) ^" v2 q3 E/ e& e 6. AndroidTouchGallery 支持双击或双指缩放的Gallery(用ViewPager实现)6 z5 Z: O$ ?, |( h$ | 相比下面的PhotoView，在被放大后依然能滑到下一个item，并且支持直接从url和文件中获取图片， 项目地址：https://github.com/Dreddik/AndroidTouchGallery Demo地址：https://github.com/Trinea/TrineaDownload/blob/master/touch-gallery-demo.apk?raw=true APP示例：类似微信中查看聊天记录图片时可双击放大，并且放大情况下能正常左右滑动到前后图片# X: r4 U0 I1 t# k( z" c& [& Q1 ^& S 7. Salvage view 带View缓存的Viewpager PagerAdapter，很方便使用 项目地址：https://github.com/JakeWharton/salvage

Android,  View,  项目