UltimateAndroid-demo效果图文档

发表于 2015-02-04   |   分类于 Android   |  

打开该文章前请注意,该文章包含220张图片,合计在10M左右,主要目的为快速查看Demo效果

感谢MarshalChen开源了UltimateAndroid这个快速开发框架, 在此我把各个demo的效果图进行展示, 刚开始学习Android, 不对的解释请留言纠正, 欢迎各位极客加入到这个框架的开发中来.

项目地址

Android快速开发教程第一季-视频

API

由于图片太多, 所有把文档分为五部分:

UltimateAndroid-demo效果图文档-一

UltimateAndroid-demo效果图文档-二

UltimateAndroid-demo效果图文档-三

UltimateAndroid-demo效果图文档-四

UltimateAndroid-demo效果图文档-五

在测试过程中有三个Demo在小米3机型上出现程序崩溃的情况:

1
2
3
HomeActivity
QuickReturnListViewActivity
PasscodePreferencesActivity

MaterialDesignActivity

调色板,按钮样式及点击效果,checkbox及switch开关,进度条显示底部snackBar, dialog

1-1 (Views)

1-2 (Button)

1-3 (Switches)

1-4 (Progress indicators)

1-5 (Widgets)

CoolDragAndDragActivity

拖动item

1-1

FloatingActionButtonDemo

上划按钮消失

1-1

GestureTouchActivity

地球根据手势移动

1-1

KenBurnsViewActivity

图片缓慢拉近拉远

1-1

MaterialListViewActivity

listview中的item图文混排, 点击提示, 手势左右滑动移除item

1-1

MaterialMenuToolbarActivity

导航栏图标动画效果

1-1

MotionSampleActivity

图片拉近拉远效果

1-1

NumberProgressBarActivity

带数值的直线进度条

1-1

RippleEffectActivity

点击按钮效果-波纹效果

1-1

SmoothProgressBarActivity

直线滚动的进度条

1-1

SignaturePadActivity

签名板, 画图

1-1

ActivityAnimationsActivity

Activity到Activity过渡的动画效果

1-1

ActivityTransitionActivity

多种Activity到Activity过渡的动画效果

1-1

AndroidAnimationsDemoActivity

多种字体特效

1-1

AndroidViewHoverActivity

Listview中item view Hover效果, 相当赞

1-1

AndroidWeekViewActivity

日历, 每天0~23时段事件

1-1

AnimationUtilsDemo

闪屏图

1-1

ArcMenuActivity

父子菜单

1-1

AutofitTextViewActivity

文本自适应

1-1

BlurDialogActivity

弹出对话框后, 背景毛玻璃效果

1-1

1-2

BlurNavigationDrawerActivity

左侧导航栏划出后, 背景毛玻璃效果

1-1

1-2

CalendarListViewActivity

日历范围选择

1-1

CalendarSquareActivity

多种日历选择方式

1-1

CardsSwipedActivity

ViewPaper左右滑动效果

1-1

1-2

1-3

CircleProgressActivity

圆圈进度条带数值

1-1

CircularBarActivity

圆圈循环效果

1-1

CircularProgressButtonActivity

多种按钮点击效果-圆圈进度条, 矩形等

1-1

ConfigureStandupTimer

分段计时, 带提示音

1-1

1-2

CreditScrollDemoActivity

滚动文字

1-1

CropExample

裁剪图片

1-1

CropperSample

裁剪图片

1-1

1-2

CustomPullToRefreshActivity

下拉刷新

1-1

CustomShapeImageViewActivity

图片形状

1-1

DifferentIconsActivity

图标按钮及点击效果

1-1

DiscreteSeekBarActivity

滚动条-跳到某一页

1-1

DiscrollActivity

上划图文飞入

1-1

1-2

DraggableFlagViewActivity

手机QQ小红点

1-1

DraggableGridViewPaperTestActivity

添加gridview, 超出的放在第二页, 可以设计成桌面图标摆放框架

1-1

1-2

1-3

DrawableActivity

画图

1-1

下拉加载, 上拉加载

1-1

1-2

DynamicGridActivity

grid布局

1-1

EasingActivity

多种平面直角坐标画曲线的效果

1-1

1-2

EasyAnimationListActivity

多种翻页效果

1-1

1-2

EdgeEffectActivity

多种view的边缘效果

1-1

1-2

ExpandCircleProgressExampleActivity

可扩充的圆圈进度条

1-1

1-2

FaceCropActivity

面部裁剪

1-1

FancyCoverFlowActivity

多种图片旋转木马

1-1

1-2

FilckerAnimationListActivity

动态增加viewItem

1-1

FlipViewActivity

图片上下翻页

1-1

1-2

FloatingActionButtonActivity

浮动按钮, 带子按钮

1-1

FloatingActionButtonDemo

上划按钮消失

1-1

FloatLabelActivity

浮动的Label

1-1

FlowTextViewActivity

嵌在图片边缘的流动文本

1-1

FoldableListActivity

图片翻页效果

1-1

FoldingActivitys

图片及左侧菜单折叠效果

1-1

1-2

1-3

FreeFlowArtbookActivity

图片流加载

1-1

FreeFlowPhotoGridActivity

变换的网格布局, 可滚动指定位置

1-1

GoogleProgressBarActivity

谷歌进度条

1-1

HomeActivity

注: 该Demo测试失败

测试机型: 小米3

ImageFilterActivity

图层过滤

1-1

ImageProcessingActivity

图层处理

1-1

1-2

ImageProcessingVideoImageActivity

播放图片

1-1

JazzyViewActivity

图片翻转效果

1-1

JumpingBeansActivity

字体跳动效果

1-1

ListAnimationActivity

卡片加载, 网格图片, listview文本加载效果, viewItem点击效果

1-1

1-2

1-3

1-4

1-5

1-6

1-7

ListBuddiesActivity

分割列表流动

1-1

ListViewFilterActivity

列表过滤

1-1

MarqueeViewSample

文字选取框

1-1

MatchViewActivity

字体动画效果

1-1

MaterialEditTextActivity

输入框样式

1-1

MaterialProgressWheelActivity

定制圆圈进度条

1-1

MaterialRippleActivity

按钮波纹效果

1-1

MaterialTabsWithIconsActivity

图标tab页

1-1

MaterialTabTextActivity

文本tab页

1-1

浮动按钮, 带子按钮

1-1

MultipleChoiceListView

多选列表

1-1

NiftyDialogActivity

多种对话框效果

1-1

1-2

ObservableScrollViewActivity

多种视图滚动效果

1-1

PagerSlidingTabStripActivity

文本tab页, 可自定义tab颜色

1-1

PanningViewActivity

左右摇动图片

1-1

ParallaxScrollActivity

多种list滚动, 有叠加效果

1-1

1-2

1-3

1-4

PasscodePreferencesActivity

注: 该Demo测试失败

测试机型: 小米3

PatioDemoActivity

拍照, 选取本地图片, 可选择多张

1-1

PhotoViewActivity

图片自动播放, 可放大

1-1

ProgressbarWheelActivity

圆圈滚动条, 可选择转动方式

1-1

ProgressLayoutActivity

页面加载圆圈进度条

1-1

1-2

1-3

PullScrollViewActivity

滚动view, item点击事件

1-1

1-2

1-3

PullSplashActivity

上滑进入下一页, 可做成锁屏首页

1-1

PullToZoomActivity

滚动放大图片

1-1

1-2

1-3

QuickReturnListViewActivity

注: 该Demo测试失败

测试机型: 小米3

ReboundActivity

回弹图片效果

1-1

1-2

ReboundActivitySample

回弹图片效果Demo

1-1

RecyclerViewItemAnimatorActivity

动态增加item效果, 可从不同方向滑入

1-1

RecyclerViewPlayGroundActivity

Item点击效果

1-1

RecyclerViewSample

RecyclerView

1-1

RecyclerViewStickyHeadersActivity

StickyHeader折叠

1-1

ResideMenuActivity

侧边菜单

1-1

1-2

1-3

RippleBackgroundActivity

波纹背景动画效果

1-1

RippleDrawable

点击item出现波纹效果

1-1

RiseNumberActivity

数字增加效果

1-1

RoundCornerProgressBarActivity

圆角进度条

1-1

RoundedImageViewActivity

圆角图片

1-1

ShapeImageViewActivity

图片形状

1-1

1-2

1-3

1-4

1-5

ShowCaseSample

按钮显示,隐藏, 下一步效果

1-1

1-2

1-3

1-4

SingleChoiceListView

单选列表, item可拖动

1-1

SlideActivityActivity

list列表, 点击进入详情, 右滑返回列表

1-1

1-2

1-3

SliderActivity

轮播图片带文字, 多种轮播效果可选

1-1

1-2

StaggeredGridViewActivity

多种GridView, ListView

1-1

1-2

1-3

StickGridItemListActivity

GridView分类Item

1-1

SuperListViewActivity

下拉刷新ListView GridView

1-1

1-2

1-3

SwipeCardActivity

左滑右滑浏览图片

1-1

1-2

1-3

SwipeLayoutActivity

左滑,右滑,上滑,下滑 ListView Item, 带ActionBar

1-1

1-2

1-3

1-4

1-5

SwipeRefreshLayoutDemo

Swipe下拉刷新

1-1

SwitchAnimationActivity

在view中加载图片布局的动画效果

1-1

1-2

SwitchButtonActivity

开关按钮切换

1-1

TestHTML5WebView

多种webView效果, 音频, 视频, 文字排版

1-1

1-2

TimelyViewActivity

数字过渡效果

1-1

1-2

1-3

TransitionEverywhereActivity

图片移动动画效果

1-1

1-2

1-3

1-4

TriangleFrameActivity

三角框架

1-1

TwoWayViewActivity

ListView Item点击效果, 显示位置

1-1

1-2

UltimateListviewActivity

ListView下拉刷新

1-1

UltraPullToRefreshActivity

图片view下拉刷新

1-1

UltraPullToRefreshStoreHouseActivity

图片view下拉刷新

1-1

UnfoldableDetailsActivity

右滑Item展开图片详情

1-1

1-2

UtilsDemoActivity

简单文本

1-1

ViewpagerSlidingTabsActivity

文字tab页, 可换颜色, actionBar可点击

1-1

1-2

ViewPagerTransformerActivity

多种ViewPager过渡效果

1-1

1-2

1-3

ViewServerActivity

动态新建Activity

1-1

1-2

WaveViewActivity

波浪状view, 可调节位置

1-1

1-2

WireFrameActivity

柱状图, 直角坐标图

1-1

转载

本文出自<<arccode>>, 欢迎转载, 转载请注明出处.
#Android #UI #UltimateAndroid
MyBatis-Generator最佳实践
UltimateAndroid-demo效果图文档-一