高手速成android開源項目[View篇]

　　主要介紹那些不錯個性化的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
文檔介紹：https://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
效果展示：https://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

 

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都在用

   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地址：https://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

    

   1. MenuDrawer 滑出式菜單，通過拖動屏幕邊緣滑出菜單，支持屏幕上下左右劃出，支持當前View處於上下層，支持Windows邊緣、ListView邊緣、ViewPager變化劃出菜單等。
      項目地址：https://github.com/SimonVT/android-menudrawer
      Demo地址：https://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/
      效果圖：https://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

       

      1. 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

          

         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等

            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

             

            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

               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

                

               1. 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

                   

                  八、其他

                   

                  1. 1. achartengine 強大的圖標繪制工具
                        支持折線圖、面積圖、散點圖、時間圖、柱狀圖、條圖、餅圖、氣泡圖、圓環圖、范圍（高至低）條形圖、撥號圖/表、立方線圖及各種圖的結合
                        項目地址：https://code.google.com/p/achartengine/
                        官方網站：https://www.achartengine.org/
                        效果圖：
                        https://www.achartengine.org/dimages/sales_line_and_area_chart.png
                        https://www.achartengine.org/dimages/temperature_range_chart.png
                        https://www.achartengine.org/dimages/combined_chart.png
                        https://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地址：https://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/
                        效果圖：https://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地址：https://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開機的圖案密碼解鎖，支付寶的密碼解鎖