只适用于部分场景
@Override
.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
int measuredWidth = mIvIndicator.getMeasuredWidth();//这里可以拿到外面去,避免多次调用
if (positionOffset != 0) {
mIvIndicator.setTranslationX(measuredWidth * (positionOffset + position));
}
}
@Override
public void onPageSelected(int position) {
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
去掉tablayout的默认indicator
写一个布局, 布局与tablayout宽度一致,view数与tab数一致
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="4dp">
<ImageView
android:scaleType="center"
android:id="@+id/iv_indicator"
android:src="@mipmap/img_indicator"
android:layout_width="match_parent"
android:layout_weight="1"
android:layout_height="4dp" />
<View
android:layout_width="match_parent"
android:layout_height="4dp"
android:layout_weight="1"/>
<View
android:layout_width="match_parent"
android:layout_height="4dp"
android:layout_weight="1"/>
</LinearLayout>
通过来回移动图片,仿indicator