对于ViewPager 广告页这个功能很多APP都有这个功能在网上也看过一些资料,我就在这把我自己完整的实现方法写出来吧
基础的ViewPager:
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/top_item"
android:orientation="vertical">
android:layout_width="match_parent"
android:layout_height="180dp"
android:id="@+id/top_vp"
>
很简单 仅仅是一个ViewPager
接下来简单的设置一下ViewPager的Adapter 添加ImageView
public class MainActivity extends AppCompatActivity {
private ViewPager topVp;
private int[]images = new int[]{R.mipmap.ad0, R.mipmap.ad1, R.mipmap.ad3}; //模拟存放要展示的图片
private List imageViews ;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initImageViews();
initVp();
}
/**
* 初始化图片资源
*/
private void initImageViews() {
imageViews = new ArrayList<>();
for(int i = 0;i
ImageView imageView = new ImageView(this);
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
imageView.setImageResource(images[i]);
imageViews.add(imageView);
}
}
private void initVp() {
topVp = (ViewPager) findViewById(R.id.top_vp);
topVp.setAdapter(new PagerAdapter() {
@Override
public int getCount() {
return imageViews.size();
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(imageViews.get(position));
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(imageViews.get(position));
return imageViews.get(position);
}
});
}
}
上述是最基础的一个ViewPager 下面我们就在这个基础上改造就可以了
实现无限循环滑动:
这里我事先循环滑动的方式很简单 就是把 adapter的count 设置为一个很大的值 这样 让它滑不到头 然后切换图片 就可以实现 虽然方法比较LOW 但是效果还是可以的
代码在基础的ViewPager下修改如下 :
public class MainActivity extends AppCompatActivity {
private ViewPager topVp;
private int[]images = new int[]{R.mipmap.ad0, R.mipmap.ad1, R.mipmap.ad3}; //模拟存放要展示的图片
private List imageViews ;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initImageViews();
initVp();
}
/**
* 初始化图片资源
*/
private void initImageViews() {
imageViews = new ArrayList<>();
for(int i = 0;i
ImageView imageView = new ImageView(this);
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
imageView.setImageResource(images[i]);
imageViews.add(imageView);
}
}
private void initVp() {
topVp = (ViewPager) findViewById(R.id.top_vp);
topVp.setAdapter(new PagerAdapter() {
@Override
public int getCount() {
// return imageViews.size(); 修改如下
return 10000;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// container.removeView(imageViews.get(position%imageViews.size())); 删除此句 此句不删除 会出现 滑动中 布局消失的情况 因为被移除了 此处这样修改会影响一些性能。。。。。
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
// container.addView(imageViews.get(position));
// return imageViews.get(position); 修改如下
try {
container.addView(imageViews.get(position%imageViews.size()));
}catch (Exception e){
}
return imageViews.get(position%imageViews.size());
}
});
}
}