Android|Android 滑动小圆点ViewPager的两种设置方法详解流程 Android滑动小圆点ViewPager的两种

第一种方法：
一、测试如下，直接设置小圆点不是图标

文章图片

二、准备工作

1.在drawable创建dot.xml,设置小圆点，比较方便

2.布局小圆点的状态可以被左右滑动dotview.xml

【Android|Android 滑动小圆点ViewPager的两种设置方法详解流程】3.分页适配器自定义ViewPagerAdapter.java

public class ViewPagerAdapter extends PagerAdapter {private List mViewList; public ViewPagerAdapter(List mViewList) {this.mViewList = mViewList; }@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {container.removeView(mViewList.get(position)); }@Overridepublic Object instantiateItem(ViewGroup container, int position) {container.addView(mViewList.get(position)); return (mViewList.get(position)); }@Overridepublic int getCount() {if (mViewList == null)return 0; return mViewList.size(); }@Overridepublic boolean isViewFromObject(View view, Object object) {return view == object; }}

三、使用工作：

1.activity_main.xml

分析下布局结构：
(1)首先是一个ViewPager,用于结合GridView实现左右滑动菜单
(2)下面是一个LinearLayout，有多少个ViewPager的页面就会inflate出多少个小圆点，并且在ViewPager翻页时，也就是说在左右滑动时，下面小圆点的状态也要相应地做出改变
2.MainActivity.java

public class MainActivity extends AppCompatActivity {private ViewPager mPager; private LinearLayout mLlDots; private LayoutInflater inflater; private List mPagerList; private int pageCount = 3; //默认三个小点/*** 当前显示的是第几页*/private int curIndex = 0; @Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mPager = (ViewPager) findViewById(R.id.viewpager); mLlDots = (LinearLayout) findViewById(R.id.ll_dots); inflater = LayoutInflater.from(this); mPagerList = new ArrayList(); //#FF9800：黄，#4CAF50：绿，#2196F3：蓝String[] colors = {"#FF9800", "#4CAF50", "#2196F3"}; for (int i = 0; i < pageCount; i++) {LinearLayout mLL = (LinearLayout) inflater.inflate(R.layout.linearlayout, mPager, false); mLL.setBackgroundColor(Color.parseColor(colors[i])); mPagerList.add(mLL); }//设置适配器mPager.setAdapter(new ViewPagerAdapter(mPagerList)); //设置圆点setDotLayout(); }/*** 设置圆点*/public void setDotLayout() {for (int i = 0; i < pageCount; i++) {mLlDots.addView(inflater.inflate(R.layout.dotview, null)); }// 默认显示第一页mLlDots.getChildAt(0).setSelected(true); mPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {@Overridepublic void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}@Overridepublic void onPageSelected(int position) {// 取消原点选中mLlDots.getChildAt(curIndex).setSelected(false); // 原点选中mLlDots.getChildAt(position).setSelected(true); curIndex = position; }@Overridepublic void onPageScrollStateChanged(int state) {}}); }}

这代码中一句，布局LinearLayout随着左右滑动小圆点翻页

LinearLayout mLL = (LinearLayout) inflater.inflate(R.layout.linearlayout, mPager, false);

布局linearlayout.xml

第二种方法：
一、测试如下，小圆点图标

Android|Android 滑动小圆点ViewPager的两种设置方法详解流程

文章图片

二、dotview.xml

............

三、设置二个小圆点图标(黑白)
点击链接：二个小圆点图标.zip

// 默认显示第一页mLlDots.getChildAt(0).findViewById(R.id.v_dot).setBackgroundResource(R.drawable.dot_normal); mLlDots.getChildAt(1).findViewById(R.id.v_dot).setBackgroundResource(R.drawable.dot_selected); mLlDots.getChildAt(2).findViewById(R.id.v_dot).setBackgroundResource(R.drawable.dot_selected); mPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {public void onPageSelected(int position) {// 取消圆点选中mLlDots.getChildAt(curIndex).findViewById(R.id.v_dot).setBackgroundResource(R.drawable.dot_selected); // 圆点选中mLlDots.getChildAt(position).findViewById(R.id.v_dot).setBackgroundResource(R.drawable.dot_normal); curIndex = position; }public void onPageScrolled(int arg0, float arg1, int arg2) {}public void onPageScrollStateChanged(int arg0) {}});

到此这篇关于Android 滑动小圆点ViewPager的两种设置方法详解流程的文章就介绍到这了,更多相关Android 滑动小圆点内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！