自定义tabLayout徽章视图被切断[Android]

时间:2017-02-09 06:11:18

标签: android view android-tablayout

对于标签布局,我正在对自定义布局 custom_tab.xml 进行膨胀,如果名称的长度增加,徽章视图将被切断。

我为所有视图尝试了 wrap_content ,仍然无效

这是 custom_tab.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="wrap_content"
              android:layout_height="48dp"
              android:layout_margin="5dp"
              android:orientation="horizontal">

    <TextView

        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:text="title"
        android:textColor="@color/white"
        android:textSize="20sp"
        android:textStyle="bold" />

    <TextView

        android:id="@+id/tv_count"
        android:layout_width="31dp"
        android:layout_height="31dp"
        android:layout_gravity="center"
        android:layout_margin="5dp"
        android:background="@drawable/badge_drawable"
        android:gravity="center"
        android:textColor="#000000"
        android:textSize="12sp" />

</LinearLayout>

这是用于为tablayout

充气视图的java代码
private void setupTabIcons() {
    for (int i = 0; i < NewFragment.categories.size(); i++) {
        try {
            LinearLayout currentTabLayout = (LinearLayout) LayoutInflater.from(this).inflate(R.layout.custom_tab, null);

            ..............................
            ..............................

            tabLayout.getTabAt(i).setCustomView(currentTabLayout);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

长度增加的文字的屏幕截图,单行设为false

具有增加长度且单行设置为真的文本的屏幕截图

enter image description here

在两种情况下都会从布局中剪切徽章视图 我希望文本视图是单行。

任何人都可以帮我解决这个问题。

非常感谢任何形式的帮助或建议。

由于

1 个答案:

答案 0 :(得分:0)

通过在标记

下的 dimens.xml 文件下将宽度设置为更高级别来解决此问题
ion-select{
  width:100%;
  max-width: 100% !important;
  padding-left:0px;
}