天天看点

android特色轮播图,Android 使用ViewPager实现轮播图效果

写这篇文章只是对今天所学的知识进行加深印象,对ViewPager的一些处理,比如适配器和各个方法的作用等。

先看效果图

android特色轮播图,Android 使用ViewPager实现轮播图效果

这里我是在xml中写的圆点

Drawable文件夹下的xml代码:

Shape_yes.xml:

Shape_no.xml:

选择器

android:state_selected="false"

/>

android:state_selected="true"

/>

Activity_main.xml:

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="match_parent"

android:layout_height="160dp">

android:id="@+id/vp"

android:layout_width="match_parent"

android:layout_height="wrap_content">

android:layout_width="match_parent"

android:layout_height="40dp"

android:layout_alignParentBottom="true"

android:gravity="center_horizontal"

android:padding="5dp"

android:orientation="vertical"

android:background="#66000000">

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_gravity="bottom"

android:gravity="center"

android:orientation="horizontal"

android:paddingBottom="10dp">

android:id="@+id/iv_one"

android:layout_width="20dp"

android:layout_height="20dp"

android:layout_marginRight="20dp"

android:background="@drawable/selector_show" />

android:id="@+id/iv_two"

android:layout_width="20dp"

android:layout_height="20dp"

android:layout_marginRight="20dp"

android:background="@drawable/selector_show" />

android:id="@+id/iv_three"

android:layout_width="20dp"

android:layout_height="20dp"

android:background="@drawable/selector_show" />

写一个类ViewPagerAdapter_Circleextends PagerAdapter

public class ViewPagerAdapter_Circle extends PagerAdapter {

ArrayList arrayList;

Context context;

public ViewPagerAdapter_Circle(ArrayList arrayList,Context context) {

this.arrayList = arrayList;

this.context = context;

}

@Override

public int getCount() {

return arrayList.size();

}

@Override

public boolean isViewFromObject(View view,Object object) {

return view == object;//判断当前要显示的页面

}

@Override

public Object instantiateItem(ViewGroup container,int position) {

container.addView(arrayList.get(position));//页面添加到container,添加位置

return arrayList.get(position);

}

@Override

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

container.removeView(arrayList.get(position));

}

}

MainActivity中代码(含注解)

public class MainActivity extends AppCompatActivity {

ViewPager viewPager;

int imageResIds[];

ArrayList imageViewList;//存图片的集合

ArrayList imageViews;//存白点的集合

ImageView iv_one,iv_two,iv_three;

int oldPostion;//记录原来的位置

private Boolean flag;

int count=0;

Handler handler = new Handler() {

@Override

public void handleMessage(Message msg) {

super.handleMessage(msg);

if (msg.what == 0) {

viewPager.setCurrentItem(count);

}

}

};

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//初始化布局

initView();

//初始化数据

initData();

//设置适配器

initAdapter();

//设置圆点

initPoint();

flag = true;

//循环设置播放

new Thread() {

@Override

public void run() {

while (flag) {

try {

Thread.sleep(3000);

count++;

if (count == 3) {

count = 0;

}

} catch (InterruptedException e) {

e.printStackTrace();

}

Message msg = new Message();

msg.what = 0;

msg.obj = count;

handler.sendMessage(msg);

}

}

}.start();

}

private void initView() {

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

}

//初始化要显示的数据

private void initData() {

//图片资源数组

imageResIds = new int[]{R.mipmap.a,R.mipmap.b,R.mipmap.c};

imageViewList = new ArrayList<>();//存图片的集合

ImageView imageView;

for (int i = 0; i < imageResIds.length; i++) {

imageView = new ImageView(this);

imageView.setBackgroundResource(imageResIds[i]);

imageViewList.add(imageView);

}

}

//设置适配器

private void initAdapter() {

ViewPagerAdapter_Circle myViewPagerAdapter = new ViewPagerAdapter_Circle(imageViewList,this);

viewPager.setAdapter(myViewPagerAdapter);

}

private void initPoint() {

iv_one = (ImageView) findViewById(R.id.iv_one);

iv_two = (ImageView) findViewById(R.id.iv_two);

iv_three = (ImageView) findViewById(R.id.iv_three);

imageViews = new ArrayList<>();

imageViews.add(iv_one);

imageViews.add(iv_two);

imageViews.add(iv_three);

iv_one.setSelected(true);//设置第一个圆点为true

viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {

@Override

public void onPageScrolled(int position,float positionOffset,int positionOffsetPixels) {

}

@Override

public void onPageSelected(int position) {

imageViews.get(position).setSelected(true);//滑动后颜色改变

imageViews.get(oldPostion).setSelected(false);//变为初始颜色

oldPostion = position;//把滑动后的圆点的position给原来的oldPostion

}

@Override

public void onPageScrollStateChanged(int state) {

}

});

}

}

以上所述是小编给大家介绍的Android 使用ViewPager实现轮播图效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持!

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!