原理

总 布局为RelativeLayout或者FrameLayout,在这里我们用的是RelativeLayout。先设置背景图片,宽度和高度都 fill_parent,在设置viewpager,viewpager的背景要透明哟~这样背景图片就可以显示在页面上。对viewpager进行滑动 监听,通过滑动的偏移量对当前背景进行淡出,下一个背景进行显示。

布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MyActivity">

<us.yydcdut.viewpagercolorchange.BackGroundImage

android:id="@+id/img"

android:layout_width="fill_parent"

android:layout_height="fill_parent"/>

<android.support.v4.view.ViewPager

android:id="@+id/viewPager"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

/>

</RelativeLayout>

有个自定义View,淡出等操作就是在自定义view中进行的。

Code

public class MyActivity extends Activity {

private BackGroundImage mImg;

private ViewPager mViewPager;

private List<View> mViewLists;

private List<Drawable> mDrawableLists;

private static final int ALL = 5;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_my);

initViews();

mImg.setmDrawableLists(mDrawableLists);

mViewPager.setAdapter(new MyAdapter());

mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

@Override

public void onPageScrolled(int i, float v, int i2) {

mImg.setmDegree(v);

mImg.setmPosition(i);

mImg.invalidate();//刷新

}

@Override

public void onPageSelected(int i) {

}

@Override

public void onPageScrollStateChanged(int i) {

}

});

}

private void initViews() {

mImg = (BackGroundImage) findViewById(R.id.img);

mViewPager = (ViewPager) findViewById(R.id.viewPager);

mViewLists = new ArrayList<View>();

mDrawableLists = new ArrayList<Drawable>();

for (int i = 0; i < ALL; i++) {

View view = getLayoutInflater().inflate(R.layout.vp, null);

mViewLists.add(view);

if (i % 2 == 0) {

mDrawableLists.add(getResources().getDrawable(R.drawable.bg_img1));

} else {

mDrawableLists.add(getResources().getDrawable(R.drawable.bg_img2));

}

}

}

class MyAdapter extends PagerAdapter {

@Override

public int getCount() {

return mViewLists.size();

}

@Override

public boolean isViewFromObject(View view, Object o) {

return view == o;

}

@Override

public void destroyItem(ViewGroup container, int position, Object object) {

((ViewPager) container).removeView(mViewLists.get(position));

//super.destroyItem(container, position, object);

}

@Override

public Object instantiateItem(ViewGroup container, int position) {

View v = mViewLists.get(position);

TextView textView = (TextView) v.findViewById(R.id.txt);

textView.setText("第" + position + "个");

((ViewPager) container).addView(v);

return v;

}

}

}

public class BackGroundImage extends View {

private int mPosition;

private float mDegree;

private List<Drawable> mDrawableLists;

private int mPrePosition = 0;

private Drawable mNext;

public void setmDrawableLists(List<Drawable> mDrawableLists) {

this.mDrawableLists = mDrawableLists;

mNext = mDrawableLists.get(1);//设置下一个背景图片的drawable

}

public void setmPosition(int mPosition) {

this.mPosition = mPosition;

}

public void setmDegree(float mDegree) {

this.mDegree = mDegree;

}

public BackGroundImage(Context context) {

super(context);

//setWillNotDraw(false);

}

public BackGroundImage(Context context, AttributeSet attrs) {

super(context, attrs);

//setWillNotDraw(false);

}

public BackGroundImage(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

//setWillNotDraw(false);

}

@Override

protected void onDraw(Canvas canvas) {

Log.i("111", "onDraw");

if (null == mDrawableLists) {

return;

}

int alpha1 = (int) (255 - (mDegree * 255));

Drawable fore = mDrawableLists.get(mPosition);

fore.setBounds(0, 0, getWidth(), getHeight());

mNext.setBounds(0, 0, getWidth(), getHeight());

if (mPrePosition != mPosition) {//边界判断

if (mPosition != mDrawableLists.size() - 1) {

mNext = mDrawableLists.get(mPosition + 1);

} else {

mNext = mDrawableLists.get(mPosition);

}

}

fore.setAlpha(alpha1);//淡出

mNext.setAlpha(255);

mNext.draw(canvas);

fore.draw(canvas);

mPrePosition = mPosition;

super.onDraw(canvas);

}

}

我是天王盖地虎的分割线

http://www.jinhusns.com/Products/Download/?type=xcj

Android ViewPager滑动背景渐变的更多相关文章

  1. Android——ViewPager滑动背景渐变(自定义view,ViewPager)

    效果: ActivityBackgroundImage,java(自定义视图) package com.example.chenshuai.test322; import android.conten ...

  2. android ViewPager滑动事件讲解

    首先ViewPager在处理滑动事件的时候要用到OnPageChangeListener OnPageChangeListener这个接口需要实现三个方法:(onPageScrollStateChan ...

  3. Android -- ViewPager切换动画,PageTransformer

    transformPage(View view, float position) view就是滑动中的那个view,position这里是float类型,是当前滑动状态的一个表示,比如当滑动到正全屏时 ...

  4. android开发学习之ViewPager滑动事件讲解

    android ViewPager滑动事件讲解 今天在做项目的时候,由于要处理viewPager页面滑动的事件,所以对其进行了一个小小的研究: 首先ViewPager在处理滑动事件的时候要用到OnPa ...

  5. Android特效专辑(二)——ViewPager渲染背景颜色渐变(引导页)

    Android特效专辑(二)--ViewPager渲染背景颜色渐变(引导页) 首页:http://blog.csdn.net/qq_26787115/article/details/50439020 ...

  6. Android ViewPager再探:增加滑动指示条

    上一篇:<Android ViewPager初探:让页面滑动起来> ViewPager只是左右滑动有些丑,也不知道当前位于第几页面. 可以在上方加入滑动指示条,来确定当前位置. 只需要修改 ...

  7. Android ViewPager初探:让页面滑动起来

    下一篇:<Android ViewPager再探:增加滑动指示条> ViewPager需要用到适配器PagerAAdapter,以下四个函数需要重写: instantiateItem(Vi ...

  8. Android ActionBar标题和渐变背景

    需要在AndroidManifest.xml中设置 android:theme="@style/Theme.AppCompat" 如果提示找不到,请按下图设置: 至于如何引入的方法 ...

  9. android Button 切换背景,实现动态按钮和按钮颜色渐变

        android Button 切换背景,实现动态按钮和按钮颜色渐变 一.添加android 背景筛选器selector实现按钮背景改变     1.右键单击项目->new->Oth ...

随机推荐

  1. ViewBag 找不到编译动态表达式所需的一种或多种类型,是否缺少引用?

    症状: 类似上面的警告提示,运行程序不会有任何错误,但若干地方都提示警告,并且明明dll的引用都是正确的. 解决方案: 删除:C:\Users\{your computer name}\AppData ...

  2. .NET平台下对C3D文件的读写

    [题外话] 最近实验室要我修改C3D(The 3D Biomechanics Data Standard)文件,虽然从网上找到了一个叫c3d4sharp的类库,这个类库单纯读取C3D文件的话还可以,但 ...

  3. appledoc 使用

    1.安装 git clone git://github.com/tomaz/appledoc.git cd ./appledoc sudo sh install-appledoc.sh 2.使用 进入 ...

  4. MonogDB初探增加和删除

    1.插入并保存文档       在插入数据之前,首先用mongodb Shell命令db.baseUser.find() 查找集合的数据.      想必大家能猜到结果,什么东西都没有,那接着来说说怎 ...

  5. ASP.Net中通过Jquery前端对Repeater控件绑定的数据进行操作

    说明:由于Repeater控件是动态绑定,通过Id获取数据只能默认获取第一行: 1.对Repeater中div设置样式 2.通过$(".css").each(function(){ ...

  6. MySQL_01之MySQL数据库基础

    1.通过SQL(结构化查询语言)操作数据库: DDL:数据定义语言,创建库,创建表,选择: DML:数据操作语言,完成数据增删改: DQL:数据查询语言,完成数据查询: DCL:数据控制语言,授权.回 ...

  7. SQL Server 数据库子查询基本语法

    一.SQL子查询语句 1.单行子查询        select ename,deptno,sal        from emp        where deptno=(select deptno ...

  8. WaitType:ASYNC_NETWORK_IO

    官方文档的定义,是指SQL Server 产生的结果集需要经过Network传递到Client,Network不能很快将结果集传输到Client,导致结果集仍然驻留在SQL Server的Sessio ...

  9. LINQ系列:LINQ to SQL Where条件

    1. 单一条件查询 var expr = context.Products .Where(p => p.ProductName == "LINQ to SQL"); SELE ...

  10. Entity Framework Code First使用DbContext查询

    DbContext.DbSet及DbQuery是Entity Framework Code First引入的3个新的类,其中DbContext用于保持数据库会话连接,实体变化跟踪及保存,DbSet用于 ...