Android Metro风格的Launcher开发系列第二篇

前言:

各位小伙伴们请原谅我隔了这么久才开始写这一系列的第二篇博客,没办法忙新产品发布,好了废话不说了,先回顾一下:在我的上一篇博客 Android Metro风格的Launcher开发系列第一篇写了如何配置Android开发环境,只是用文字和图片展示了开发Metro风格Launcher的初步设计和产品要求,这一篇文章将会从代码上讲解如何实现对应的UI效果,好了,评书开讲!

Launcher主体框架实现:

Launcher主体框架我选用的是大家所熟悉的ViewPager控件,因为ViewPager可以很容易做pager之间的切换动画,动画是可以自定义的,这样就轻松搞定滑出屏幕的各种效果,也可以控制切换速度,这样就很容易实现如下的效果:

1.滑动速度控制:

这个是通过获取ViewPager的Scroller,对Scroller重新设置一些参数就可以了,具体实现的代码如下:

Field Scroller = ViewPager.class.getDeclaredField("mScroller");

Scroller.setAccessible(true); //设置加速器

Interpolator interpolator = new LinearInterpolator(); //重新设置ViewPager的Scroller

ViewPagerScroller scroller = new ViewPagerScroller(context,interpolator);

Scroller.set(this, scroller);

在上面的代码中用到了ViewPagerScroller.java,在ViewPagerScroller中的设置如下:

@Override

public void startScroll(int startX, int startY, int dx, int dy) {

// Ignore received duration, use fixed one instead

super.startScroll(startX, startY, dx, dy, mDuration);

}

@Override

public void startScroll(int startX, int startY, int dx, int dy, int duration) {

// Ignore received duration, use fixed one instead

super.startScroll(startX, startY, dx, dy, mDuration);

}

其中的mDuration变量是自定义的动画时间,这个你可以根据自己的动画效果来设置时间长度,我这定义的是500毫秒。

2.Page之间切换效果实现: 每一屏page之间的切换是通过实现ViewPager.PageTransformer接口来实现的,具体这个接口的讲解我这里就不介绍了,大家可以参考google官方文档:http://developer.android.com/training/animation/screen-slide.html。我的实现如下所示:

private static float DEFAULT_SCALE = 1.0f;

private static float SCALE_FACTOR = 0.30f;// 缩放因子 0.50f

@Override

public void transformPage(View view, float position) {

if (position <= 1) {

// Modify the default slide transition to shrink the page as well

if (position < 0) {

view.setScaleX(SCALE_FACTOR * position + DEFAULT_SCALE);

view.setScaleY(SCALE_FACTOR * position + DEFAULT_SCALE);

} else {

view.setScaleX(SCALE_FACTOR * -position + DEFAULT_SCALE);

view.setScaleY(SCALE_FACTOR * -position + DEFAULT_SCALE);

}

}

}

3.左右两侧page悬浮实现: 主屏幕page两侧page部分显示可以通过设置ViewPager的setPageMargin(int margin)方法实现,具体代码如下:

this.setPageMargin(-getResources().getInteger(R.integerviewpager_margin));

总结:

以上就是Launcher主体框架使用ViewPager实现左右滑动和缩放效果讲解,写的不好的地方还请大家指出并批评指正,“三人行必有我师”,任何给我的批评和建议我一定会有回复和交流。

下一篇博客我将会讲解屏幕中每一格CellView实现,有焦点放大效果,实现每一个Focus的CellView悬浮效果和在xml文件中灵活配置关联链接等。

原文发布于微信公众号 - 程序员互动联盟(coder_online)

原文发表时间:2015-03-30

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

干货 | 史上最全的 Python 爬虫工具列表大全

来源:伯乐在线 这个列表包含与网页抓取和数据处理的Python库。 网络 通用 urllib -网络库(stdlib)。 requests -网络库。 gra...

54614
来自专栏hbbliyong

Resharper上手指南

Resharper进阶一:简要介绍 官方下载地址下载地址 注册码: 用户名: User 注册码:D9d09DSYJel9IyuDU4btAQwZcbLugUa...

3756
来自专栏一个会写诗的程序员的博客

《Kotin 极简教程》第13章 使用 Kotlin 和 Anko 的Android 开发

Anko (https://github.com/Kotlin/anko) 是一个用 Kotlin 写的Android DSL (Domain-Specifi...

743
来自专栏顶级程序员

干货 | Python 爬虫的工具列表大全

源 / 伯乐头条 这个列表包含与网页抓取和数据处理的Python库。 网络 通用 urllib -网络库(stdlib)。 requests -网络库。 gr...

2976
来自专栏何俊林

如何进行网络视频截图/获取视频的缩略图

小编导读:获取视频的缩略图,截图正在播放的视频某一帧,是在音视频开发中,常遇到的问题。本文是主要用于点播中截图视频,同时还可以获取点播视频的缩略图进行显示,留下...

3997
来自专栏机器学习算法与Python学习

干货 | Python 爬虫的工具列表大全

源 | 伯乐头条 | 小象 这个列表包含与网页抓取和数据处理的Python库。 网络 通用 urllib -网络库(stdlib)。 requests -网络...

2849
来自专栏马洪彪

Java转换Word文件到PDF文件

使用Docx4j将Word文件转换为PDF文件: public static void convertDocxToPDF(String docxFilePath...

2585
来自专栏Android开发指南

7.xmpp版即时聊天

3086
来自专栏林德熙的博客

Xamarin Forms 进度条控件

本文翻译:http://xamlnative.com/2016/04/14/xamarin-forms-a-simple-circular-progress-c...

391
来自专栏图像识别与深度学习

《Android》Lesson07-隐式Intent***注意:需要把super.onBackPressed();注释掉

15610

扫描关注云+社区