ViewPager这个小demo实现的是可以左右循环滑动图片,下面带索引,滑到最后一页在往右滑动就要第一页,第一页往左滑动就到最后一页,先上效果图,用美女图片是我一贯的作风,呵呵
1. 首先看一些layout下的xml
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" > <LinearLayout android:id="@+id/viewGroup" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_marginBottom="30dp" android:gravity="center_horizontal" android:orientation="horizontal" > </LinearLayout> </RelativeLayout> </FrameLayout>
使用ViewPager首先需要引入android-support-v4.jar这个jar包。自己不要忘记加
package com.example.viewpagerdemo; import android.app.Activity; import android.os.Bundle; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.support.v4.view.ViewPager.OnPageChangeListener; import android.view.View; import android.view.ViewGroup; import android.view.ViewGroup.LayoutParams; import android.widget.ImageView; import android.widget.LinearLayout; public class TwoActivity extends Activity implements OnPageChangeListener{ /** * ViewPager */ private ViewPager viewPager; /** * 装点点的ImageView数组 */ private ImageView[] tips; /** * 装ImageView数组 */ private ImageView[] mImageViews; /** * 图片资源id */ private int[] imgIdArray ; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ViewGroup group = (ViewGroup)findViewById(R.id.viewGroup); viewPager = (ViewPager) findViewById(R.id.viewPager); //载入图片资源ID imgIdArray = new int[]{R.drawable.item01, R.drawable.item02, R.drawable.item03, R.drawable.item04, R.drawable.item05,R.drawable.item06, R.drawable.item07, R.drawable.item08}; //将点点加入到ViewGroup中 tips = new ImageView[imgIdArray.length]; for(int i=0; i<tips.length; i++){ ImageView imageView = new ImageView(this); imageView.setLayoutParams(new LayoutParams(10,10)); tips[i] = imageView; if(i == 0){ tips[i].setBackgroundResource(R.drawable.page_indicator_focused); }else{ tips[i].setBackgroundResource(R.drawable.page_indicator_unfocused); } LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(new ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); layoutParams.leftMargin = 5; layoutParams.rightMargin = 5; group.addView(imageView, layoutParams); } //将图片装载到数组中 mImageViews = new ImageView[imgIdArray.length]; for(int i=0; i<mImageViews.length; i++){ ImageView imageView = new ImageView(this); mImageViews[i] = imageView; imageView.setBackgroundResource(imgIdArray[i]); } //设置Adapter viewPager.setAdapter(new MyAdapter()); //设置监听,主要是设置点点的背景 viewPager.setOnPageChangeListener(this); //设置ViewPager的默认项, 设置为长度的100倍,这样子开始就能往左滑动 viewPager.setCurrentItem((mImageViews.length) * 100); } /** * * @author xiaanming * */ public class MyAdapter extends PagerAdapter{ @Override public int getCount() { return Integer.MAX_VALUE; } @Override public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1; } @Override public void destroyItem(View container, int position, Object object) { ((ViewPager)container).removeView(mImageViews[position % mImageViews.length]); } /** * 载入图片进去,用当前的position 除以 图片数组长度取余数是关键 */ @Override public Object instantiateItem(View container, int position) { ((ViewPager)container).addView(mImageViews[position % mImageViews.length], 0); return mImageViews[position % mImageViews.length]; } } @Override public void onPageScrollStateChanged(int arg0) { } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { } @Override public void onPageSelected(int arg0) { setImageBackground(arg0 % mImageViews.length); } /** * 设置选中的tip的背景 * @param selectItems */ private void setImageBackground(int selectItems){ for(int i=0; i<tips.length; i++){ if(i == selectItems){ tips[i].setBackgroundResource(R.drawable.page_indicator_focused); }else{ tips[i].setBackgroundResource(R.drawable.page_indicator_unfocused); } } } }
上面的代码中,当只有3张图片或者2张图片的时候,滑动存在BUG问题的修改如下
- destroyItem(View container, int position, Object object)方法中不removeView
@Override public void destroyItem(View container, int position, Object object) { // ((ViewPager)container).removeView(mImageViews[position % mImageViews.length]); }
- instantiateItem(View container, int position)增加异常扑捉
@Override public Object instantiateItem(View container, int position) { try { ((ViewPager)container).addView(mImageViews[position % mImageViews.length], 0); }catch(Exception e){ //handler something } return mImageViews[position % mImageViews.length]; }
相关推荐
该资源中有两个文件,一个是直接写的可以自动轮播和手动轮播的demo,一个是自定义了一个bannerview控件,这个控件实现了手动轮播,类似于android中的广告图,如果要实现自动轮播只需添加一个定时器即可。 博文网址:...
Android使用ViewPager实现左右循环滑动及小圆点监听
类似用户引导页,可以滑动,左右滑动已经有大量实现,但循环滑动实现较少或者实现的效果不是很好。 效果不好主要体现在大概以下四个方面:图片少的时候会崩溃...故此处实现任何图片的左右自然的循环滑动以及自动播放。
ViewPager实现了循环滚动的Fragment,当滑动到最后和第一页开始循环滚动的时候,没有动画效果。
类似用户引导页,可以滑动,左右滑动已经有大量实现,但循环滑动实现较少或者实现的效果不是很好。 效果不好主要体现在大概以下四个方面:图片少的时候会崩溃...故此处实现任何图片的左右自然的循环滑动以及自动播放。
在网上找过好多关于如何实现ViewPager的左右循环滑动,但是总是要么实现起来复杂,要么根本就没完全实现左右循环滑动效果,所以自己实现一个。 代码不需要修改PagerAdapter
可实现ViewPager向前或向后无限循环左右滑动翻页效果
非常实用的Android ViewPager循环滑动及轮播效果,图片资源来自网络,图片显示通过ImageLoader实现
viewpager实现无限循环滚动幻灯片
android viewpager 实现了左右无限循环滑动 并且内附可自定义的小圆点指示器
主要为大家详细介绍了Android巧用ViewPager实现左右循环滑动图片的相关资料,感兴趣的小伙伴们可以参考一下
通过判断viewpager滑动事件,实现左右循环滑动,外加定时滑动
Viewpager左右循环滚动的一种实现仅供参考 推荐使用SDK版本在2.2以上 编码格式为UTF-8
代码使用首位各加一项的方法实现ViewPager的循环滑动,使用Handler不断发送空消息滚动ViewPager实现自动滚动
这是比较完美的viewPager自动手动循环滑动(常见于广告图轮询),不会有倒着循环缺陷,始终顺序循环,自定义ViewPager实现自动循环手动滑动翻页
ViewPager巧用偷梁换柱实现自动循环滚动 简单易用好更改
不过通常我们使用ViewPager的时候不能实现左右无限循环滑动,在滑到边界的时候会看到一个不能翻页的动画,可能影响用户体验,接下来通过本文给大家介绍Android 使用ViewPager实现左右循环滑动及轮播效果,一起看看吧
viewpager 实现一屏幕多页循环滚动,自动滚动非常流畅,手动滑动也处理的很好,很久之前的 ,估计现在也没人用
使用viewpager+fragment实现循环滑动的一个例子 希望能帮助到有需要的朋友
Android ViewPager实现无限循环(2.加入小圆点,优化自动和手动滑动冲突) 上一篇内容只是简单的实现了viewpager的页面自动轮播,但有以下两个缺点: 1.还没有小圆点,用户看不出总共有几页,当前在哪一页。 2.固定...