Android ViewPager和TabLayout:如何在边距之间有线性(矩形)指示器
创始人
2024-08-19 05:00:16
0

要在Android ViewPager和TabLayout中实现具有线性(矩形)指示器的边距之间,您可以使用自定义的TabLayout.TabIndicatorColorStateList。以下是一个示例代码:

  1. 创建一个名为CustomTabLayout的类,继承自TabLayout。
public class CustomTabLayout extends TabLayout {

    private int indicatorStartMargin;
    private int indicatorEndMargin;

    public CustomTabLayout(Context context) {
        super(context);
    }

    public CustomTabLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomTabLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public void setIndicatorMargins(int startMargin, int endMargin) {
        this.indicatorStartMargin = startMargin;
        this.indicatorEndMargin = endMargin;
        invalidate();
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);

        View currentTabView = getTabAt(getSelectedTabPosition()).view;
        int tabWidth = currentTabView.getWidth();

        int indicatorStart = currentTabView.getLeft() + indicatorStartMargin;
        int indicatorEnd = currentTabView.getRight() - indicatorEndMargin;

        int indicatorTop = getHeight() - getSelectedTabIndicator().getIntrinsicHeight();
        int indicatorBottom = getHeight();

        getSelectedTabIndicator().setBounds(indicatorStart, indicatorTop, indicatorEnd, indicatorBottom);
        getSelectedTabIndicator().draw(canvas);
    }
}
  1. 在您的布局文件中,将TabLayout替换为CustomTabLayout

  1. 在您的活动或碎片中,通过调用setIndicatorMargins()来设置指示器的边距。
CustomTabLayout tabLayout = findViewById(R.id.tabLayout);
tabLayout.setIndicatorMargins(16, 16);

这样,您就可以在边距之间实现具有线性(矩形)指示器的Android ViewPager和TabLayout。您可以根据需要调整指示器的起始和结束边距。

相关内容

热门资讯

2026版规律!微乐小程序黑科... 2026版规律!微乐小程序黑科技,微乐南昌辅助神器(透视)一贯有挂(哔哩哔哩)1、微乐南昌辅助神器破...
第7分钟透视!微乐小程序免费黑... 第7分钟透视!微乐小程序免费黑科技,微乐自建房插件如何安装(开挂)果然有挂(2026)1、第7分钟透...
据了解!微乐小程序免费黑科技,... 据了解!微乐小程序免费黑科技,陕西微乐小程序攻略(透视)切实真的有挂(哔哩哔哩)1、不需要AI权限,...
一分钟神器!微乐小程序黑科技,... 一分钟神器!微乐小程序黑科技,微乐小程序辅助开发(开挂)好像存在有挂(2026)1、微乐小程序黑科技...
做出回应!微乐小程序黑科技,微... 做出回应!微乐小程序黑科技,微乐自建房免费黑科技推荐(透视)竟然是真的挂(哔哩哔哩)1、任何微乐自建...
5分钟开挂!微乐小程序免费黑科... 5分钟开挂!微乐小程序免费黑科技,微乐家乡app下载(开挂)好像有挂(2026)1、该软件可以轻松地...
透视玄学!微乐小程序黑科技,微... 透视玄学!微乐小程序黑科技,微信小程序微乐破解器(透视)确实存在有挂(哔哩哔哩)1、微信小程序微乐破...
第8分钟辅助!微乐小程序免费黑... 第8分钟辅助!微乐小程序免费黑科技,微乐小程序晃晃脚本(开挂)其实是真的挂(2026)1、完成微乐小...
透视黑科技!微乐小程序黑科技,... 透视黑科技!微乐小程序黑科技,微乐自建房脚本使用安全吗(透视)好像有挂(哔哩哔哩)1、游戏颠覆性的策...
5分钟教程!微乐小程序黑科技,... 5分钟教程!微乐小程序黑科技,微乐自建房辅助入口在哪里(开挂)果然真的是有挂(2026)1、完成微乐...