大佬教程收集整理的这篇文章主要介绍了Android 使用ViewPager实现轮播图效果,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
写这篇文章只是对今天所学的知识进行加深印象,对ViewPager的一些处理,比如适配器和各个方法的作用等。
先看效果图
这里我是在xml中写的圆点
Shape_yes.xml:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://scheR_273_11845@as.android.com/apk/res/android"> <solid android:color="#ff6c67"></solid> <corners android:radius="1000dp"></corners> </shape>
Shape_no.xml:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://scheR_273_11845@as.android.com/apk/res/android"> <solid android:color="#f0f0f0"></solid> <corners android:radius="1000dp"></corners> </shape>
选择器
<?xml version="1.0" encoding="utf-8"?> <SELEctor xmlns:android="http://scheR_273_11845@as.android.com/apk/res/android"> <item android:drawable="@drawable/shape_no" android:state_SELEcted="false" /> <item android:drawable="@drawable/shape_yes" android:state_SELEcted="true" /> </SELEctor>
Activity_main.xml:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://scheR_273_11845@as.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <RelativeLayout android:layout_width="match_parent" android:layout_height="160dp"> <android.support.v4.view.ViewPager android:id="@+id/vp" android:layout_width="match_parent" android:layout_height="wrap_content"> </android.support.v4.view.ViewPager> <LinearLayout 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"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:gravity="center" android:orientation="horizontal" android:paddingBottom="10dp"> <ImageView android:id="@+id/iv_one" android:layout_width="20dp" android:layout_height="20dp" android:layout_marginRight="20dp" android:BACkground="@drawable/SELEctor_show" /> <ImageView android:id="@+id/iv_two" android:layout_width="20dp" android:layout_height="20dp" android:layout_marginRight="20dp" android:BACkground="@drawable/SELEctor_show" /> <ImageView android:id="@+id/iv_three" android:layout_width="20dp" android:layout_height="20dp" android:BACkground="@drawable/SELEctor_show" /> </LinearLayout> </LinearLayout> </RelativeLayout> </RelativeLayout>
写一个类ViewPagerAdapter_Circleextends PagerAdapter
public class ViewPagerAdapter_Circle extends PagerAdapter { ArrayList<View> arrayList; Context context; public ViewPagerAdapter_Circle(ArrayList<View> 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;//判断当前要显示的页面 } /** * 初始化页面 * 1.页面添加到container * 2.将页面返回 */ @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)); } }
public class MainActivity extends AppCompatActivity { ViewPager viewPager; int imageResIds[]; ArrayList<View> imageViewList;//存图片的集合 ArrayList<ImageView> 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监听事件*/ 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实现轮播图效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持!
以上是大佬教程为你收集整理的Android 使用ViewPager实现轮播图效果全部内容,希望文章能够帮你解决Android 使用ViewPager实现轮播图效果所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。