图片仿TabLayout Indicator , 自定义Indicator

只适用于部分场景

@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

你可能感兴趣的:(android)