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

苏承栈

2026-10-19 • 👁 0人浏览过

第一种方法：

一、测试如下，直接设置小圆点不是图标

二、准备工作

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

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

3.分页适配器自定义ViewPagerAdapter.java

public class ViewPagerAdapter extends PagerAdapter {private List mViewList;


public ViewPagerAdapter(List mViewList) {this.mViewList = mViewList;}
@Override public void destroyItem(ViewGroup container, int position, Object object) {container.removeView(mViewList.get(position));}
@Override public Object instantiateItem(ViewGroup container, int position) {container.addView(mViewList.get(position));return (mViewList.get(position));}
@Override public int getCount() {if (mViewList == null) return 0;return mViewList.size();}

@Override public 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;


@Override public 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() {@Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override public void onPageSelected(int position) {// 取消原点选中mLlDots.getChildAt(curIndex).setSelected(false);// 原点选中mLlDots.getChildAt(position).setSelected(true);curIndex = position;}
@Override public void onPageScrollStateChanged(int state) {

}});}}这代码中一句，布局LinearLayout随着左右滑动小圆点翻页LinearLayout mLL = (LinearLayout) inflater.inflate(R.layout.linearlayout, mPager, false);布局linearlayout.xml

第二种方法：

一、测试如下，小圆点图标

二、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 滑动小圆点内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:Android深入探究自定义View之嵌套滑动的实现Android实现背景颜色滑动渐变效果的全过程Android直播软件搭建之实现背景颜色滑动渐变效果的详细代码Android HorizontalScrollView滑动与ViewPager切换案例详解Android滑动拼图验证码控件使用方法详解Android之FanLayout制作圆弧滑动效果Android之ArcSlidingHelper制作圆弧滑动效果Android 滑动Scrollview标题栏渐变效果(仿京东toolbar) Android 实现滑动的六种方式