首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >TabLayout宽度错误

TabLayout宽度错误
EN

Stack Overflow用户
提问于 2016-04-14 21:35:06
回答 2查看 387关注 0票数 1

我有一个bug,在不同的android版本上会有不同的标签宽度。在安卓4.1.1和安卓5.1上,标签宽度遵循‘填充’模式,而页面布局宽度与当前匹配。而在安卓4.4.4上,宽度看起来像wrap_content。设计库版本23.3.0。如何修复它?

布局

代码语言:javascript
代码运行次数:0
运行
复制
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:clickable="true"
    >
  <android.support.design.widget.TabLayout
      android:id="@+id/tabs"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:tabMode="fixed"
      app:tabGravity="fill"
      app:tabIndicatorHeight="0dip"
      app:tabIndicatorColor="@android:color/transparent"
      app:tabBackground="@drawable/tab_request_background"
      app:tabTextColor="@color/colorPrimary"
      app:tabSelectedTextColor="@color/white"
      />
  <android.support.v4.view.ViewPager
      android:id="@+id/viewpager"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      app:layout_behavior="@string/appbar_scrolling_view_behavior"
      />
</LinearLayout>
EN

回答 2

Stack Overflow用户

发布于 2016-08-30 00:13:12

由于这一点,似乎没有简单的方法来修复它:

代码语言:javascript
代码运行次数:0
运行
复制
/// Android SDK 24.2.0 TabLayout.java

public void setTabGravity(@TabGravity int gravity) {
        if (mTabGravity != gravity) {
            mTabGravity = gravity;
            applyModeAndGravity();
        }
    }

private void applyModeAndGravity() {
        int paddingStart = 0;
        if (mMode == MODE_SCROLLABLE) {
            // If we're scrollable, or fixed at start, inset using padding
            paddingStart = Math.max(0, mContentInsetStart - mTabPaddingStart);
        }
        ViewCompat.setPaddingRelative(mTabStrip, paddingStart, 0, 0, 0);

        switch (mMode) {
            case MODE_FIXED:
                mTabStrip.setGravity(Gravity.CENTER_HORIZONTAL);
                break;
            case MODE_SCROLLABLE:
                mTabStrip.setGravity(GravityCompat.START);
                break;
        }

        updateTabViews(true);
    }

Soo笨虫:(

票数 0
EN

Stack Overflow用户

发布于 2017-05-10 16:02:23

发现将选项卡最小宽度设置为0可解决此问题。它似乎也不是,而是一个feature,因为在高宽度设备上,标签页被分隔开很大的空间(特别是在横向模式的平板电脑上),并且支持库开发人员迫使我们处理它以制作更好的界面

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36624791

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档