在很多电商网页及app上都有自动切换的商品的推广快,感觉体验挺不错的,正好今天学习使用ViewPager,因此也实现了一个功能类似的demo。

下面是其中的两个截图:

         

实现一个自动播放功能的ViewPager,要做的主要有以下的几个部分:

  • 实现一个ViewPagerAdapter,用于为ViewPager提供展示内容(例如上面的两张小猫图片)
public class ViewPagerAdapter extends PagerAdapter {
private List<View> mData;
public ViewPagerAdapter(List<View> mData) {
this.mData = mData;
} @Override
public int getCount() {
return mData.size();
} @Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
} @Override
public Object instantiateItem(ViewGroup container, int position) {
View v = mData.get(position);
container.addView(v);
return v;
} @Override
public void destroyItem(ViewGroup container, int position, Object object) {
// super.destroyItem(container, position, object);
container.removeView(mData.get(position));
} }
  • 实现一个OnPageChangeListener,这样在页面切换后可以提示当前页面所在的位置(例如上图中,左下角的3个圆点,红色表示当前页面)
private class ViewPageChangeListener implements OnPageChangeListener {

		@Override
public void onPageScrollStateChanged(int arg0) {
} @Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
} //监听页面改变事件来改变viewIndicator中的指示图片
@Override
public void onPageSelected(int arg0) {
int len = viewIndicator.getChildCount();
for(int i = 0; i < len; ++i)
viewIndicator.getChildAt(i).setBackgroundResource(R.drawable.tip_normal);
viewIndicator.getChildAt(arg0).setBackgroundResource(R.drawable.tip_select);
} }
  • 实现一个Handler,用于在一定的时间间隔后修改UI(将当前显示的图片切换到下一个)
private Handler mHandler = new Handler() {
public void handleMessage(android.os.Message msg) {
switch(msg.what) {
case 1:
int totalcount = pagers.size();//autoChangeViewPager.getChildCount();
int currentItem = autoChangeViewPager.getCurrentItem(); int toItem = currentItem + 1 == totalcount ? 0 : currentItem + 1; Log.i(TAG, "totalcount: " + totalcount + " currentItem: " + currentItem + " toItem: " + toItem); autoChangeViewPager.setCurrentItem(toItem, true); //每两秒钟发送一个message,用于切换viewPager中的图片
this.sendEmptyMessageDelayed(1, 2000);
}
}
};

上面这3段就是主要的代码,除此之外,还需要在onResume()中发送一个起始message以及在onStop()中停止ViewPager页面的自动切换等内容。

完整的代码如下:

public class MainActivity extends Activity {
private static final String TAG = MainActivity.class.getSimpleName();
private ViewPager autoChangeViewPager; //用来指示当前显示图片所在位置
private LinearLayout viewIndicator; //包含要在ViewPager中显示的图片
private List<View> pagers;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); autoChangeViewPager = (ViewPager) findViewById(R.id.autoVP);
viewIndicator = (LinearLayout) findViewById(R.id.vpindicator); initAdapter(); //监听页面改变事件来改变viewIndicator中的指示图片
autoChangeViewPager.setOnPageChangeListener(new ViewPageChangeListener()); } private void initAdapter() {
//即将在viewPager中展示的图片资源
int[] imgs = {R.drawable.i1, R.drawable.i2, R.drawable.i3}; //init pagers;
pagers = new ArrayList<View>();
LinearLayout.LayoutParams img_params = new LayoutParams(
LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT
);
for(int i = 0; i < imgs.length; ++i) {
ImageView iv = new ImageView(this);
iv.setBackgroundResource(imgs[i]);
iv.setLayoutParams(img_params);
final int index = i;
iv.setOnClickListener(new OnClickListener() {
//当viewPager中的图片被点击后,跳转到新的activity
@Override
public void onClick(View v) {
Intent i = new Intent(MainActivity.this, InvokedActivity.class);
i.putExtra("name", "cat " + index);
MainActivity.this.startActivity(i);
}
});
pagers.add(iv);
}
autoChangeViewPager.setAdapter(new ViewPagerAdapter(pagers)); //init indicator
LinearLayout.LayoutParams ind_params = new LayoutParams(
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT
);
for(int i = 0; i < imgs.length; ++i) {
ImageView iv = new ImageView(this);
if(i == 0)
iv.setBackgroundResource(R.drawable.tip_select);
else
iv.setBackgroundResource(R.drawable.tip_normal);
iv.setLayoutParams(ind_params);
viewIndicator.addView(iv);
}
} @Override
protected void onResume() {
super.onResume();
//activity启动两秒钟后,发送一个message,用来将viewPager中的图片切换到下一个
mHandler.sendEmptyMessageDelayed(1, 2000);
} @Override
protected void onStop() {
super.onStop();
//停止viewPager中图片的自动切换
mHandler.removeMessages(1);
} public class ViewPagerAdapter extends PagerAdapter {
private List<View> mData;
public ViewPagerAdapter(List<View> mData) {
this.mData = mData;
} @Override
public int getCount() {
return mData.size();
} @Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
} @Override
public Object instantiateItem(ViewGroup container, int position) {
View v = mData.get(position);
container.addView(v);
return v;
} @Override
public void destroyItem(ViewGroup container, int position, Object object) {
// super.destroyItem(container, position, object);
container.removeView(mData.get(position));
} } private class ViewPageChangeListener implements OnPageChangeListener { @Override
public void onPageScrollStateChanged(int arg0) {
} @Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
} //监听页面改变事件来改变viewIndicator中的指示图片
@Override
public void onPageSelected(int arg0) {
int len = viewIndicator.getChildCount();
for(int i = 0; i < len; ++i)
viewIndicator.getChildAt(i).setBackgroundResource(R.drawable.tip_normal);
viewIndicator.getChildAt(arg0).setBackgroundResource(R.drawable.tip_select);
} } private Handler mHandler = new Handler() {
public void handleMessage(android.os.Message msg) {
switch(msg.what) {
case 1:
int totalcount = pagers.size();//autoChangeViewPager.getChildCount();
int currentItem = autoChangeViewPager.getCurrentItem(); int toItem = currentItem + 1 == totalcount ? 0 : currentItem + 1; Log.i(TAG, "totalcount: " + totalcount + " currentItem: " + currentItem + " toItem: " + toItem); autoChangeViewPager.setCurrentItem(toItem, true); //每两秒钟发送一个message,用于切换viewPager中的图片
this.sendEmptyMessageDelayed(1, 2000);
}
}
};
}

布局文件如下:(上面代码中的InvokedActivity非常简单,此处就省略了)

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" > <android.support.v4.view.ViewPager
android:id="@+id/autoVP"
android:layout_width="match_parent"
android:layout_height="match_parent" /> <LinearLayout
android:id="@+id/vpindicator"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:orientation="horizontal" /> </FrameLayout>

Android借助Handler,实现ViewPager中页面的自动切换(转)的更多相关文章

  1. tab切换效果 网站中的图片自动切换

    网站中的图片自动切换 今天上一套tab切换效果的代码 动图就自己实现吧! 下面贴HTML代码,大体分两部分,图片div和按钮div,代码很容易看懂~ <!DOCTYPE html> < ...

  2. Android开发之利用ViewPager实现页面的切换(仿微信、QQ)

    这里利用ViewPager实现页面的滑动,下面直接上代码: 1.首先写一个Activity,然后将要滑动的Fragment镶嵌到写好的Activity中. Activity的布局文件:activity ...

  3. 【Android】监听viewpager子页面里面的Button按钮

    最近做项目遇到Viewpager+Fragment滑动页面,要监听子页面中的按钮,在网上查了些解决办法: 办法一: 这种方法是在适配器初始化中进行监听,有人亲测通过,但是我继承FragmentPage ...

  4. Android Studio 之 Navigation【1.页面之间的切换】

    1.创建 2个 Fragment ,下面两个include 不要勾 2.创建好 Fragment 后,打开layout中的 fragment.xml 文件,将里面默认的 textView 控件删除掉 ...

  5. ScrollView中页面显示自动滑到最后问题的解决

    转载:https://blog.csdn.net/a644904088/article/details/80241176 原因:ScrollView中包含其余控件,但控件显示不全,此时会存在焦点问题, ...

  6. 在MVC中,网页head中页面主菜单间切换时,给当前菜单项添加样式

    在Head部,添加如下代码: html代码 <ul class="nav navbar-nav" id="topmenu"> <li>& ...

  7. CSS实现页面背景自动切换功能

    From here:http://xiaomiya.iteye.com/blog/2047728 请看效果图: 完整代码如下: <!DOCTYPE HTML> <html> & ...

  8. 使用 AHK 在 VS Code 中根据上下文自动切换输入法状态

    平常在VS Code打公式,中英文切换一直狂点 Shift 手都快按断了,于是试图用 AutoHotKey 搞一些自动切换输入法程序,让它根据当前输入环境自动切输入法. 之前在网上搜到的是切换键盘的( ...

  9. ViewPager的基本使用--可左右循环切换也可自动切换

    ViewPager也算是Android自带的常用控件之一,但是有可能会无法直接调用,所以只需要将工程目录里/libs/android-support-v4.jar该jarAdd to Build Pa ...

随机推荐

  1. softmax_loss.cu 和 softmax_loss.cpp源码

    #include <algorithm> #include <cfloat> #include <vector> #include "caffe/laye ...

  2. OpenCascade: 获取边的端点

    FirstV = TopExp::FirstVertex(aEdge1); LastV = TopExp::LastVertex(aEdge1);

  3. swift中使用sqlite3

    import Foundation /** 1. 打开数据库 2. 如果没有数据表,需要首先创表 3. 数据操作 */ class SQLite { var db: COpaquePointer = ...

  4. [LUOGU]P1443 马的遍历

    题目描述 有一个n*m的棋盘(1< n,m<=400),在某个点上有一个马,要求你计算出马到达棋盘上任意一个点最少要走几步 输入输出格式 输入格式: 一行四个数据,棋盘的大小和马的坐标 输 ...

  5. break、continue、exit、return的区别和对比

    break.continue.exit.return的区别和对比 一:说明 break.continue在条件循环语句及循环语句(for.while.if等)中用于控制程序的走向:而exit则用于种植 ...

  6. laravel中的scope作用域

    laravel中在模板中处理(属于不属于)的数据(增删改查),引入了scope来处理 也就是在模板定义方法中,加上前缀scope laravel中要求在定义的方法scope后面跟的字母要大写 后面那我 ...

  7. laravel服务容器(IOC控制反转,DI依赖注入),服务提供者,门脸模式

    laravel的核心思想: 服务容器: 容器:就是装东西的,laravel就是一个个的对象 放入:叫绑定 拿出:解析 使用容器的目的:这里面讲到的是IOC控制反转,主要是靠第三方来处理具体依赖关系的解 ...

  8. Web框架之Django_06 模型层了解(F查询、Q查询、事务、update和save、only和defer、choice属性、bulk_create)

    摘要: F查询 Q查询 事务 一.F查询 在上面所有的例子中,我们构造的过滤器都只是将字段值与某个我们自己设定的常量做比较.如果我们要对两个字段的值做比较,那该怎么做呢?Django 提供 F() 来 ...

  9. int main(int argc,char *argv[])的具体含义

    int main(int argc,char * argv[]) argv为指针的指针 argc为整数 char **argv or: char *argv[] or: char argv[][] m ...

  10. SVM 支持向量机算法介绍

    转自:https://zhuanlan.zhihu.com/p/21932911?refer=baina 参考:http://www.cnblogs.com/LeftNotEasy/archive/2 ...