Android——自定义ViewPager指示器

最新推荐文章于 2024-08-09 04:19:43 发布

Li_peilun

最新推荐文章于 2024-08-09 04:19:43 发布

阅读量1.4k

点赞数

文章标签： android viewpager 指示器

本文链接：https://blog.csdn.net/Li_peilun/article/details/74609145

版权

本文介绍如何在Android中创建一个自定义的ViewPager指示器，以实现各种形状（如正方形、长方形、三角形、圆形）的指示效果。通过示例展示了三角形指示器在滑动时的变化，并提供了相关代码实现，包括自定义View的详细步骤和在Activity中的使用方法。

摘要由CSDN通过智能技术生成

很多ViewPager和下面的图形绑定一块来滚动，也就是指示器，指示器可以是很多，正

方形，长方形，三角形，圆形等。

这里举一个三角形例子：

效果图：未滑动
这里写图片描述

滑动中：

这里写图片描述

这里滑动只要超过倒数第二个就自动向后滑动。

上代码：

自定义view：



public class ViewPagerIndicator extends LinearLayout {
    
    private Paint paint;
    private Path path;
    private int triangleWidth;
    private int triangleHeight;
    private static final float RADIO_TRIANGLE_WIDTH = 1 / 6f;
    private static final int HIGHCOLOR = 0xffffffff;
    private static final int LOWERCOLOR = 0x88ffffff;
    private int initTranslationX;
    private int moveTranslationX;
    private int TabVisibleCount;
    private static final int COUNT_DEFAULT_TAB = 4;
    private List<String> titles = new ArrayList<String>();

    public ViewPagerIndicator(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 获取可见Tab的数量
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.ViewPagerIndicator);
        TabVisibleCount = ta.getInt(R.styleable.ViewPagerIndicator_visible_tab_count, COUNT_DEFAULT_TAB);
        if (TabVisibleCount < 0) {
            TabVisibleCount = COUNT_DEFAULT_TAB;
        }
        ta.recycle();

        // 初始化画笔
        paint = new Paint();
        paint.setAntiAlias(true);
        paint.setColor(Color.WHITE);
        paint.setStyle(Style.FILL);
        paint