如何设置VerticalTabLayout内容左对齐

如何设置VerticalTabLayout内容左对齐

'q.rorbin:VerticalTabLayout:1.2.5'

问题

VerticalTabLayout默认效果为内容居中显示,每个tab内容长度不一致的时候,内容就会出现前后不对齐:
在这里插入图片描述
而我的项目实际需要 图标+文字 靠左对齐,但是这个控件没有提供设置内容对齐的方法。

如何设置

首先肯定需要修改源码,view的对齐部分。

1、先导入源码。

控件官网VerticalTabLayout

源码克隆一份到本地,然后通过Androidstudio的import module,把源码导入项目中。

2、修改VerticalTabLayout 的buildgradle的一些配置,因为直接导入版本不一致无法编译通过。

首先修改compileSdkVersion,buildToolsVersion,minSdkVersion和targetSdkVersion。跟其它module一致;

然后把依赖转为androidx依赖,官网源码是support依赖;

然后把classpath 'com.novoda:bintray-release:0.5.0’添加到项目的dependence里面,比如:

dependencies {
        classpath "com.android.tools.build:gradle:4.1.1"
        classpath 'com.novoda:bintray-release:0.5.0'
    }

因为novoda版本不对可能导致报错:

Unable to load class 'org.gradle.api.internal.component.Usage'.  
This is an unexpected error. Please file a bug containing the idea.log file

改完之后编译通过,才可以进行源码修改。

3、打开QTabView类。
在这里插入图片描述
初始化部分源码:

private void initView() {
        setMinimumHeight(q.rorbin.badgeview.DisplayUtil.dp2px(mContext,25));
        if (mTitle == null) {
            mTitle = new TextView(mContext);
            LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);
            params.gravity = Gravity;
            mTitle.setLayoutParams(params);
            this.addView(mTitle);
        }
        initTitleView();
        initIconView();
        initBadge();
    }

我把

params.gravity = Gravity.CENTER;

改成

params.gravity = Gravity.START | Gravity.CENTER_VERTICAL;

这样每个tabview就回垂直居中 靠左对齐;

如果tabview里面还要添加图标,图标前面需要margin的话,直接加一句:

params.leftMargin = 48;

这里我设置图标前面留出48dp的空白部分,不然tabview的内容回贴到左侧。
效果就像这样
在这里插入图片描述
还没完,这只是修改了整体的对齐,还要设置每个tab里面文字左对齐。
找到这个方法:

private void initTitleView() {
        mTitle.setTextColor(isChecked() ? mTabTitle.getColorSelected() : mTabTitle.getColorNormal());
        mTitle.setTextSize(mTabTitle.getTitleTextSize());
        mTitle.setText(mTabTitle.getContent());
        mTitle.setGravity(Gravity.CENTER);
        mTitle.setEllipsize(TextUtils.TruncateAt.END);
        refreshDrawablePadding();
    }

跟刚才类似,把

mTitle.setGravity(Gravity.CENTER);

改成

mTitle.setGravity(Gravity.START|Gravity.CENTER_VERTICAL);

就可以实现文字靠左对齐了。
整体对齐效果就变成类似这样
在这里插入图片描述
对齐问题就解决了。
至于VerticalTabLayout如何使用,可以参考官网demo。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值