苏州其然软件开发培训

其然IT 教育师资

吴嘉俊(Stef)高级讲师

拥有多年的Java开发经验，CTO，EasyJF开源团队创始人之一、负责 EasyJWeb项目的开发和维护。曾在国内多家大型软件公司负责公司内部框架的开发和维护，为多个大中型公司做过架构和技术咨询。曾组织开发了蓝源 装饰行业ERP、美国EMR、蓝源服装行业连锁管理系统、蓝源SaaS服务平台、蓝源Eloan互联网金融综合解决方案等系统产品。具有非常丰富项目开发和 管理经验。

擅长技术：主流JavaEE，Android技术，对 Spring、JPA、Hibernate、 MyBatis、Struts2、MongoDB、Redis等技术领域有深入研究。 

吴老师有丰富的Java培训经验和IT培训行业顾问经验；授课激情，有感染力 ，注重对底层原理的剖析和理解；善于培养学生对编程的兴趣； 

Java工程师的工资待遇怎么样?

Java工程师的工资待遇怎么样?

Java软件工程师一般月薪范围在4000-10000元，远远超过了应届毕业生月薪 2500元的平均水平。通常来说，有一年工作经验的Java高级软件工程师的薪酬大致在年薪10—13万左右。

从Java的应用领域来分，Java语言的应用方向主要表现在以下三个方面：首 先是大中型的商业应用;其次是桌面应用，就是常说的C/S应用;再次是移动领域应用。

综上而言JAVA就业方向为：可以从事JSP网站开发、Java编程、Java游戏开 发、Java桌面程序设计，以及其他与Java语言编程相关的工作。可进入电信、银行、保险专业软件开发公司等从事软件设计和开发工作。

大数据核心知识

大数据核心知识

Hadoop基础

Hadoop1介绍

hadoop1架构

hadoop2架构（对比hadoop1）

hadoop2环境搭建

HDFS操作

yarn操作

Hadoop应用

Hive数据仓库

zookeeper系统服务

HBase非关系型数据库

Sqoop数据库抽取工具

Flume日志抽取工具

Spark基础

环境搭建

Spark平台介绍

RDD弹性分布式数据集

Scala编程

Spark应用

Spark-SQL组件

DataFrame组件

课程优势

1.真实的企业项目；

2.目前企业中应用广泛的技术路线；

3.部分Spark源码剖析，从源码层面提升问题解决能力。

4.从hadoop1到hadoop2机制原理详细解说；

5.生产环境hadoop集群调优经验；

6.企业真实项目实战；

本阶段学习目标

1.了解hadoop机制原理 ；

2.了解hadoop集群搭建过程；

3.了解Hdfs API使用以及mr编程模型；

4.了解hive、hbase、sqoop、flume等组件的使用方法；

5.Spark平台的优势以及Spark集群的搭建过程；

6.Scala程序设计基础；

7.Spark-SQL和DataFrame API详解。

本阶段学习效果

1.了解hadoop集群的搭建过程；

2.能够**mr和hive来实现简单的数据清洗的业务需求；

3.能够了解数据的抽取，转换，清洗，建模，入库过程；

4.掌握Spark集群的搭建；

5.掌握函数式编程思想，能够根据业务需求编写高质量的Scala程序；

6.掌握大规模离线数据的计算、分析能力。

巧用ViewPager 打造不一样的广告轮播切换效果

---

>

一、概述

如果大家关注了我的微信公众号的话，一定知道我在5月6号的时候推送了一篇文章，文章名为Android超高仿QQ附近的人搜索展示（一），**该文可以利用ViewPager实现单页显示多个Item且能够添加一些炫酷的动画效果。我当时阅读这篇文章的时候，简单做了下记录，然后想了想，可以按照该思路做一个比较特殊轮播效果，如图：

其实看到这个大家肯定不陌生，对于ViewPager切换有个很出名的库叫JazzViewPager，没错，我又跑了下JazzyViewPager的例子，看看有什么动画效果可以借鉴的，ok，**终呢，产生以下几个效果图。

贴效果图前，简单说下我的公众号，恩，我是在上周决定正式开始好好打理的，目前很多东西都在尝试阶段，当然支持大家的投稿，目前存在一些文章过长，或者代码过长的排版问题，不过都在尝试改善与解决，以及对推送文章的选材都在考虑，所以多谢大家的支持，也欢迎大家的关注（二维码在侧栏），相信我一定会做的更好。

此外，针对不好阅读的问题，大家可以**该仓库，看到所有推送文章的一个列表，https://github.com/hongyangAndroid/hongyangWeixinArticles该仓库会和公众号推送的文章同步更新。

下面进入正题，本文主要是利用ViewPager做类似上图风格的Banner，这种Banner在app上不是很常见，不过在web端还有tv的app上还是很常见的。

不过原理很简单，说到核心，就两个地方:

android:clipChildren="false"viewPager.setPageTransformer

很久之前也写过类似的文章，可以参考

Android 自定义 ViewPager 打造千变万化的图片切换效果Android 实现个性的ViewPager切换动画 实战PageTransformer（兼容Android3.0以下）

二、效果图

Rotate Down

Rotate Up

ScaleIn

贴三个意思下，恩，更多效果见https://github.com/hongyangAndroid/MagicViewPager.

三、ViewPager一屏显示多个页面

ok，首先说明下控件，上述效果采用的控件是ViewPager，大家都清楚哇，使用ViewPager一般我们都是一屏幕显示一个页面，那么如何做到一屏显示多个页面呢？

ViewPager如何做到一屏显示多个页面呢？

原理就一个属性Android:clipChildren="false",该属性的意思就是在子View进行绘制时不要去裁切它们的显示范围。ok，知道要使用这个属性之后，剩下的事情就不麻烦了：

我们的布局文件这么写：

<FrameLayout android:layout_width="match_parent" android:layout_height="160dp" android:clipChildren="false" android:layout_centerInParent="true" android:background="#aadc71ff" > <android.support.v4.view.ViewPager android:id="@ id/id_viewpager" android:layout_width="match_parent" android:layout_marginLeft="60dp" android:layout_marginRight="60dp" android:clipChildren="false" android:layout_height="120dp" android:layout_gravity="center" > </android.support.v4.view.ViewPager> </FrameLayout>1234567891011121314151617181912345678910111213141516171819

我们设置了ViewPager外层控件以及ViewPager都设置了android:clipChildren="false"。

我们的ViewPager的宽度是match_parent，左后个设置了60dp的边距，就是为了显示出左右部分的Page.

接下来可以对ViewPager设置Adapter等相关属性。

public class MainActivity extends AppCompatActivity { PRivate ViewPager mViewPager; private PagerAdapter mAdapter; int[] imgRes = {R.drawable.a, R.drawable.b, R.drawable.c...}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mViewPager = (ViewPager) findViewById(R.id.id_viewpager); //设置Page间间距 mViewPager.setPageMargin(20); //设置缓存的页面数量 mViewPager.setOffscreenPageLimit(3); mViewPager.setAdapter(mAdapter = new PagerAdapter() { @Override public Object instantiateItem(ViewGroup container, int position) { ImageView view = new ImageView(MainActivity.this); view.setImageResource(imgRes[position]); container.addView(view); return view; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } @Override public int getCount() { return imgRes.length; } @Override public boolean isViewFromObject(View view, Object o) { return view == o; } }); }12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849501234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950

ok，没有任何复杂的地方，注意

//设置Page间间距 mViewPager.setPageMargin(20);1212

以及

//设置缓存的页面数量 mViewPager.setOffscreenPageLimit(3);1212

我们这里**多可见就是3页。

此时运行：

可以看到，我们已经实现了单屏幕显示出多个page，而且是ViewPager所以肯定可以左右滑动。

这么看，是不是非常简单，接下来就是加特效了，大家都清楚对于ViewPager可以**设置PageTransformer来利用属性动画来设置特效，注意目前该方法添加的动画在3.0即以上的手机中有效，因为3.0以下并不存在属性动画，所以setPageTransformer内部加了个判断，不过现在已经几乎没有3.0以下的手机了，但是如果你非要较真，参考文章开始时给出的两篇文章，里面有解决方案。

四、给ViewPager加特效

这里我们简单抽取两个动画效果来讲，其实以前的文章里面也有详细的描述，所以不准备花费太多的时间描述。

（1） AlphaPageTransformer

首先讲个**简单的动画，叫AlphaPageTransformer，顾名思义就是一个渐变的变化，那么我们的步骤是这样的：

实现AlphaPageTransformer implements ViewPager.PageTransformer调用viewPager.setPageTransformer(new AlphaPageTransformer())

对于ViewPager.PageTransformer就一个方法需要实现

#AlphaPageTransformer private static final float DEFAULT_MIN_ALPHA = 0.5f; private float mMinAlpha = DEFAULT_MIN_ALPHA; public void pageTransform(View view, float position) { if (position < -1) { view.setAlpha(mMinAlpha); } else if (position <= 1) { // [-1,1] if (position < 0) //[0，-1] { float factor = mMinAlpha (1 - mMinAlpha) * (1 position); view.setAlpha(factor); } else//[1，0] { float factor = mMinAlpha (1 - mMinAlpha) * (1 - position); view.setAlpha(factor); } } else { // (1, Infinity] view.setAlpha(mMinAlpha); } } 1234567891011121314151617181920212223242526272812345678910111213141516171819202122232425262728

代码非常简短，简单的介绍下，可以看到postion主要分为

[-Infinity,-1)(1, Infinity][-1,1]

这三个区间，对于前两个，拿我们的页面上目前显示的3个Page来说，前两个分别对应左右两个露出一点的Page，那么对于alpha值，只需要设置为**小值即可。

对于[-1,1]，这个就需要详细分析了，我们这里拿：**页->第二页这个过程来说，主要看position的变化

第1页->第2页

页1的postion变化为：从0到-1页2的postion变化为：从1到0

**页到第二页，实际上就是左滑，**页到左边，第二页成为currentItem到达中间，那么对应alpha的变化应该是：

页1到左边，对应alpha应该是：1到minAlpha页2到中间，成为currentItem，对应alpha应该是：minAlpha到1

分析到这就是写代码了：

对于页1

//注意该代码判断在(position <= 1)的条件内 if (position < 0) //[0，-1] { float factor = mMinAlpha (1 - mMinAlpha) * (1 position); view.setAlpha(factor); } 123456123456

position是0到-1的变化

那么1 position就是从1到0的变化

(1 - mMinAlpha) * (1 position)就是1 - mMinAlpha到0的变化

再加上一个mMinAlpha，就变为1到mMinAlpha的变化。

其实绕来绕去就是为了实现factor是1到minAlpha的变化，具体这样的算式，每个人的思路可能不同，但是达到相同的效果即可。

同理，页2是minAlpha到1的变化。

对应算式(postion为1到0变化)

float factor = mMinAlpha (1 - mMinAlpha) * (1 - position);11

这个留给大家自己算，或者自己去总结出一个相同结果的算式。

ok，当我们完成AlphaPageTransformer的编码，然后ViewPager设置后，效果就是这样的：

（2） RotateDownPageTransformer

再介绍个RotateDownPageTransformer，因为这个涉及到旋转中心的变化，即：

view.setPivotX(); view.setPivotY();1212

直接看代码:

private static final float DEFAULT_MAX_ROTATE = 15.0f; private float mMaxRotate = DEFAULT_MAX_ROTATE; public void pageTransform(View view, float position) { if (position < -1) { // [-Infinity,-1) // This page is way off-screen to the left. view.setRotation(mMaxRotate * -1); view.setPivotX(view.getWidth()); view.setPivotY(view.getHeight()); } else if (position <= 1) { // [-1,1] if (position < 0)//[0，-1] { view.setPivotX(view.getWidth() * (0.5f 0.5f * (-position))); view.setPivotY(view.getHeight()); view.setRotation(mMaxRotate * position); } else//[1,0] { view.setPivotX(view.getWidth() * 0.5f * (1 - position)); view.setPivotY(view.getHeight()); view.setRotation(mMaxRotate * position); } } else { // (1, Infinity] // This page is way off-screen to the right. view.setRotation(mMaxRotate); view.setPivotX(view.getWidth() * 0); view.setPivotY(view.getHeight()); } } 12345678910111213141516171819202122232425262728293031323334351234567891011121314151617181920212223242526272829303132333435

经过上面的分析，我们直接锁定到**页到第二页时，**页的相关变化的代码：

if (position < 0)//[0，-1] { float factor = view.getWidth() * (0.5f 0.5f * (-position)); view.setPivotX(factor); view.setPivotY(view.getHeight()); view.setRotation(mMaxRotate * position); } 12345671234567

**页开始时滑动时，旋转中心上图原点，即（width/2 , height）.

**页滑动结束时，旋转中心在左边页面的右下角，即（width,height）.

恩，这个旋转中心的位置是我自己定义的，不一定是**好的效果，如果有必要大家可以自己选择，保证良好的显示效果。

可以看到旋转中心的纵坐标没有发生变化，主要看横坐标

float factor = view.getWidth() * (0.5f 0.5f * (-position));11

position为0到-1，乘以-0.5之后，变为0到0.5

在加上0.5，变为0.5到1的变化

再乘以width，即变为width/2到width的变化。

对应我们的旋转中心x是需要从width/2到width，是不是刚好匹配。

旋转中心的变化说明白了；再简单说下，角度的变化，**页到达左边页面的状态，角度是-15度，开始状态是0度，那么变化就是0到-15度之间，因为position是0到-1之间变化，所以直接乘以15即可

float rotation = position * 15f 11

好了，经过上面的分析，本文就基本结束了，有兴趣可以**源码多分析几个，或者创造几个动画效果，千万不要忘了告诉我，我可以加入到这个动画库中。

五、总结

本文的内容其实涉及到的API实际上比较多，再多的动画其实质性的原理都是一样的，关键在于找规律，所以带大家梳理一下步骤：

确定View需要变化的属性确定该属性的初始值，终值确定该View对应的position变化的梯度根据position的变化梯度，计算出需要变化的属性的变化梯度剩下的就是调用属性动画的API了

ok，相信**该步骤大家一定能够自己去定义出形态各异的动画，此外，切记如果学习，一定要尝试编写，看一看就认为了解的，可能有些坑是发现不了的。

源码地址：https://github.com/hongyangAndroid/MagicViewPager

相关推荐：

---

苏州JAVA培训   苏州JAVA培训班   苏州JAVA培训机构