您的位置:首页 > 产品设计 > UI/UE

Android 开源项目android-open-project解析之(四) ColorPickView,GraphView,UI Style,Other

2015-07-06 15:39 183 查看

十三、ColorPickView

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

ColorPickerPreference

颜色选择器

项目地址:https://github.com/attenzione/android-ColorPickerPreference

效果图:



ColorPicker

颜色选择器(Google Agenda中的样式风格)

项目地址:https://github.com/flavienlaurent/colorpicker

Demo地址:https://raw.github.com/biboune/colorpicker/master/colorpicker-sample.apk

效果图:







十四、GraphView

MPAndroidChart

强大的图表绘制工具,支持折线图、面积图、散点图、时间图、柱状图、条图、饼图、气泡图、圆环图、范围(高至低)条形图、网状图及各种图的结合;支持图的拖拽缩放;支持 Android 2.2 以上,支持横纵轴缩放,多指缩放,展现动画、高亮、保存到 sdcard、从文件读取图表

项目地址:https://github.com/PhilJay/MPAndroidChart

Demo地址:https://play.google.com/store/apps/details?id=com.xxmassdeveloper.mpchartexample

Demo项目:https://github.com/PhilJay/MPAndroidChart/tree/master/MPChartExample

效果图:























在线演示:https://www.youtube.com/watch?v=ufaK_Hd6BpI

achartengine

强大的图表绘制工具,支持折线图、面积图、散点图、时间图、柱状图、条图、饼图、气泡图、圆环图、范围(高至低)条形图、拨号图/表、立方线图及各种图的结合

项目地址:https://code.google.com/p/achartengine/

效果图:



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

官网网址:http://www.achartengine.org/

APP示例:Wordpress Android,Google Analytics

GraphView

绘制图表和曲线图的View,可用于Android上的曲形图、柱状图、波浪图展示

项目地址:https://github.com/jjoe64/GraphView

Demo项目:https://github.com/jjoe64/GraphView-Demos

APP示例:Wordpress Android,Google Analytics

HoloGraphLibrary

绘制现状图、柱状图、饼状图

项目地址:https://bitbucket.org/danielnadeau/holographlibrary/src

文档介绍:https://bitbucket.org/danielnadeau/holographlibrary/wiki/Home

XCL-Charts

XCL-Charts基于原生的Canvas来绘制各种图表,在设计时,尽量在保证开发效率的同时,给使用者提供足够多的定制化能力。因此使用简便,同时具有相当灵活的定制能力。目前支持3D/非3D柱形图(Bar Chart)、3D/非3D饼图(Pie Chart)、堆积图(Stacked Bar Chart)、面积图(Area Chart)、 折线图(Line Chart)、曲线图(Spline Chart)、环形图(Dount Chart)、南丁格尔玫瑰图(Rose Chart)、仪表盘(Dial Chart)、刻度盘(Gauge
Chart)、雷达图(Radar Chart)、圆形图(Circle Chart)等图表。其它特性还包括支持图表缩放、手势移动、动画显示效果、高密度柱形显示、图表分界定制线、多图表的混合显示及同数据源不同类型图表切换等。

项目地址:https://github.com/xcltapestry/XCL-Charts

Demo地址:https://github.com/xcltapestry/XCL-Charts/blob/master/XCL-Charts-demo/bin/XCL-Charts-demo.apk?raw=true

EazeGraph

Android 图表库,支持柱状图、分层柱状图、饼状图、线性图

项目地址:https://github.com/blackfizz/EazeGraph

Demo地址:https://play.google.com/store/apps/details?id=org.eazegraph.app

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

效果图:







HelloCharts for Android

支持折线图、柱状图、饼图、气泡图、组合图;支持预览、放大缩小,滚动,部分图表支持动画;支持 Android 2.2 以上

项目地址:https://github.com/lecho/hellocharts-android

Demo地址:https://play.google.com/store/apps/details?id=lecho.lib.hellocharts.samples

在线演示:https://www.youtube.com/watch?v=xbSBjyjH2SY





十五、UI Style

不同样式的系统UI风格,如IOS、Bootstrap风格

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

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-Bootstrap

Bootstrap 风格的按钮

项目地址:https://github.com/Bearded-Hen/Android-Bootstrap

效果图:



Material Design Android Library

Android L 中 Material Design 风格的组件适配到 Android 2.2+

项目地址:https://github.com/navasmdc/MaterialDesignLibrary

Android FlatUI

Android 扁平化风格的组件,支持一些自定义样式

项目地址:https://github.com/eluleci/FlatUI

效果图:







十六、其他

SwipeBackLayout

左右或向上滑动返回的Activity

项目地址:https://github.com/Issacw0ng/SwipeBackLayout

Demo地址:https://play.google.com/store/apps/details?id=me.imid.swipebacklayout.demo

APP示例:知乎

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

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精简播放栏

AndroidWheel

Android Wheel支持城市、多种日期时间、密码、图片

项目地址:https://code.google.com/p/android-wheel/

效果图:



TableFixHeaders

第一列固定的Table

项目地址:https://github.com/InQBarna/TableFixHeaders

Demo地址:http://bit.ly/13buAIq

Inscription

可用于展示应用change和new feature信息

项目地址:https://github.com/MartinvanZ/Inscription

ActivityTransition

Activity切换动画,包括渐变、flip、某个位置进入等等

项目地址:https://github.com/ophilbert/ActivityTransition

效果图:类似桌面左右切换的各种效果,不过桌面并非用ViewPager实现而已

文档介绍:https://github.com/jfeinstein10/JazzyViewPager/blob/master/JazzyViewPager.apk?raw=true

EasyAndroidAnimations

针对View的各种动画

项目地址:https://github.com/2359media/EasyAndroidAnimations

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开机的图案密码解锁,支付宝的密码解锁

PatternLock

另一个 Android 图案解锁库

项目地址:https://github.com/DreaminginCodeZH/PatternLock

Demo 地址:https://github.com/DreaminginCodeZH/PatternLock/raw/master/dist/sample.apk

效果图:



APP示例:Android开机的图案密码解锁,支付宝的密码解锁

RangeBar

类似于SeekBar,不同的是可以选择一个范围内的值而不是单个值

项目地址:https://github.com/edmodo/range-bar

Demo地址:https://github.com/Trinea/TrineaDownload/blob/master/range-bar-demo.apk?raw=true

效果图:



ChromeView

利用Chromium实现的WebView,解决各个Android版本WebView不同的问题,同时利用最新Chrome代码

项目地址:https://github.com/pwnall/chromeview

android-phased-seek-bar

支持预先定义状态的SeekBar

项目地址:https://github.com/ademar111190/android-phased-seek-bar

效果图:



Android Slider Preference Library

可添加到设置中的基于对话框的RankBar小部件

项目地址:https://github.com/jayschwa/AndroidSliderPreference

ShowcaseView library

用于高亮显示应用程序的特定部分,从而突出突出重点

项目地址:https://github.com/amlcurran/ShowcaseView

android-segmented-control

Android上的Segmented Controls,相当于RadioButton组

项目地址:https://github.com/hoang8f/android-segmented-control

Swipeable Cards

类似Tinder的卡片效果,可以加载图片并动画效果展示,向左滑动表示喜欢,向右表示不喜欢

项目地址:https://github.com/kikoso/Swipeable-Cards

Demo地址:https://play.google.com/store/apps/details?id=info.hoang8f.fbutton.demo

EdgeEffectOverride

改变ScrollView, ListView, ExpandableListView, GridView, ViewPager等滚动控件滚动到边缘的颜色效果

项目地址:https://github.com/AndroidAlliance/EdgeEffectOverride

android-pinned-header-listviews

使ExpandListView的Group滑动到顶端时会固定不动直到另外一个Group到达顶端

项目地址:https://github.com/rtyley/android-pinned-header-listviews

AndroidSwipeLayout

滑动Layout,支持单个View,ListView,GridView

项目地址:https://github.com/daimajia/AndroidSwipeLayout

Demo地址:Download Demo

效果图:



DynamicCardLayout

在Android中实现的类似Windows8的瓷片布局

项目地址:https://github.com/dodola/DynamicCardLayout

效果图:



Emoticons-Keyboard

带表情情符号的自定义键盘

项目地址:https://github.com/chiragjain/Emoticons-Keyboard

效果图:



Android Typeface Helper

可以帮你轻松实现自定义字体的库

项目地址:https://github.com/norbsoft/android-typeface-helper

效果图:



Android-Anim-Playground

几个动画效果,其中第二个基于android-svg的绘制效果非常好

项目地址:https://github.com/Tibolte/Android-Anim-Playground

效果图:



NiftyDialogEffects

支持自定义飞入动画样式的 Dialog

项目地址:https://github.com/sd6352051/NiftyDialogEffects

效果图:



在线演示:http://tympanus.net/Development/ModalWindowEffects/

PostOffice

创建 Holo 及 Material Design 样式的 Dialog

项目地址:https://github.com/r0adkll/PostOffice

效果图:



Swipecards

类似Tinder的卡片效果,可以加载图片并动画效果展示,向左滑动表示喜欢,向右表示不喜欢,根据 Kikoso's Swipeable-Cards 改造而来

项目地址:https://github.com/Diolor/Swipecards

SeekArc

圆形的 SeekBar

项目地址:https://github.com/TriggerTrap/SeekArc

效果图:



BlurDialogFragment

显示 DialogFragment 时背景模糊效果

项目地址:https://github.com/tvbarthel/BlurDialogFragment

Demo地址:https://play.google.com/store/apps/details?id=fr.tvbarthel.lib.blurdialogfragment.sample

range-seek-bar

随机值选取的 SeekBar

项目地址:https://github.com/yahoo/android-range-seek-bar

效果图:



MaterialRangeBar

可以选择一个范围内的值而不是单个值的 SeekBar,RangeBar 的 Material Design 风格适配

项目地址:https://github.com/oli107/material-range-bar

效果图:



MaterialList

Material Design 风格的 CardView

项目地址:https://github.com/dexafree/MaterialList

Demo地址:https://play.google.com/store/apps/details?id=com.dexafree.materiallistviewexample

效果图:







road-trip

设置path的各种动画效果,以及如何实现复杂路径动画,类似于ios中的指纹注册界面的指纹动画效果

项目地址:https://github.com/romainguy/road-trip

效果图:



dialogplus

一个简单的Android对话框,支持不同的弹出模式

项目地址:https://github.com/orhanobut/dialogplus

效果图:



FlowLayout

一个简单的流式布局,用法类似 LinearLayout,但是能够让子元素根据宽度自动换行

项目地址:FLowLayout

效果图:



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: