viewpager页码指示器如何添加

avatar
作者
猴君
阅读量:1

要在ViewPager中添加页码指示器,你可以使用一个现成的库或者自定义一个简单的指示器。以下是一些示例代码:

使用现成的库:

  1. 在build.gradle文件中添加以下依赖项:
implementation 'me.relex:circleindicator:2.1.4' 
  1. 在XML布局文件中添加PagerIndicator:
<me.relex.circleindicator.CircleIndicator         android:id="@+id/indicator"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="center_horizontal"         android:layout_marginTop="10dp"/> 
  1. 在Java代码中设置ViewPager和PagerIndicator的关联:
CircleIndicator indicator = findViewById(R.id.indicator); ViewPager viewPager = findViewById(R.id.viewPager); viewPager.setAdapter(new MyPagerAdapter()); indicator.setViewPager(viewPager); 

自定义简单的指示器:

  1. 在XML布局文件中添加一个LinearLayout作为指示器容器:
<LinearLayout         android:id="@+id/indicatorContainer"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_centerHorizontal="true"         android:orientation="horizontal"/> 
  1. 在Java代码中动态添加指示器:
LinearLayout indicatorContainer = findViewById(R.id.indicatorContainer); for (int i = 0; i < numPages; i++) {     ImageView indicator = new ImageView(this);     indicator.setImageResource(R.drawable.ic_indicator);     indicator.setLayoutParams(new LinearLayout.LayoutParams(             ViewGroup.LayoutParams.WRAP_CONTENT,             ViewGroup.LayoutParams.WRAP_CONTENT     ));     indicatorContainer.addView(indicator); } 
  1. 在ViewPager的OnPageChangeListener中更新指示器:
viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {     @Override     public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {      }      @Override     public void onPageSelected(int position) {         for (int i = 0; i < indicatorContainer.getChildCount(); i++) {             ImageView indicator = (ImageView) indicatorContainer.getChildAt(i);             indicator.setImageResource(i == position ? R.drawable.ic_selected_indicator : R.drawable.ic_indicator);         }     }      @Override     public void onPageScrollStateChanged(int state) {      } }); 

这样就可以在ViewPager中添加页码指示器了。你可以根据自己的需求选择使用现成的库还是自定义一个简单的指示器。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!