Android ViewPager + Fragment 自定义滑动标签

最新推荐文章于 2021-05-26 20:00:43 发布

木木 JUMP

最新推荐文章于 2021-05-26 20:00:43 发布

阅读量505

点赞数

分类专栏： Android 文章标签： android View

本文链接：https://blog.csdn.net/limushan/article/details/51853991

版权

本文介绍了如何使用Fragment、ViewPager和HorizontalScrollView创建一个简单的分类导航页。通过自定义View，实现滑动标签的功能，包括在ScrollView中添加TextView作为TabIndicator，并实现了线的动态移动效果。提供了一个GitHub上的Demo链接供参考。

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

Fragment+ViewPager+HorizontalScrollView

简单的分类导航页实现

效果图：

下面的是自定义的View

public class TabPageIndicator extends HorizontalScrollView implements ViewPager.OnPageChangeListener {

    /**
     * attrs
     */
    private int mTabPaddingLeft=16;
    private int mTabPaddingRight=16;

    private int mTextColor= Color.BLACK;
    private int mSelectTextColor=Color.RED;
    private int mTextSize=10;

    private int mCurrentPosition;
    private int mSelectPosition;


    private int mTabCount;

    private float mOffset;

    private Paint mSelectLinePaint;
    private int mLineColor=Color.RED;
    private int mLineHeight=4;


    /**
     * Horizontal LinearLayout;
     */
    private LinearLayout mLinearLayout;

    private ViewPager mPager;

    private ViewPager.OnPageChangeListener mListener;

    public TabPageIndicator(Context context) {
        this(context,null);
    }

    public TabPageIndicator(Context context, AttributeSet attrs) {
        this(context,attrs,0);
    }

    public TabPageIndicator(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        setFillViewport(true);//子控件不满全屏时，设置ScrollView 全屏
        setWillNotDraw(false);//取消重绘的Tag ？
        initView(context);

        mSelectLinePaint=new Paint();
    }

    private void initView(Context context) {
        mLinearLayout=new LinearLayout(context);
        mLinearLayout.setOrientation(LinearLayout.HORIZONTAL);
        mLinearLayout.setLayoutParams(new ViewGroup.LayoutParams
                (ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT));
        mLinearLayout.setGravity(Gravity.CENTER_VERTICAL);

        addView(mLinearLayout);

    }


    /**
     * Indicator 添加ViewPager 关联
     * @param pager
     */
    public void setViewPager(ViewPager pager){
        this.mPager=pager;

        if (mPager!=null)
            mPager.setOnPageChangeListener(this);

        notifyDataSetChange();

    }

    private void notif