使用android.support.design.widget.TabLayout显示小标签

时间:2015-07-22 16:03:04

标签: android tabs

我正在尝试为每个标签创建多个带片段的标签。 我已经设法了,但两个标签出现在布局的角落。 我无法将标签布局的宽度平均分配到标签。 代码 : activity_main.xml中

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
android:id="@+id/MainLayout">

<android.support.design.widget.TabLayout
    android:id="@+id/sliding_tabs"
    style = "MyCustomTabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabMode="scrollable"
    />

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="0px"
    android:layout_weight="1"
    android:background="@android:color/white" />
</LinearLayout>

代码:FragmentPagerAdapter

    public class Frag_adapter extends FragmentPagerAdapter {
final int PAGE_COUNT =2;
private String tabTitles[] = new String[] { "Tab1", "Tab2", "Tab3" };
private Context ccontext;

public Frag_adapter(FragmentManager fm) {
    super(fm);

}

@Override
public int getCount() {
    return PAGE_COUNT;
}

@Override
public android.support.v4.app.Fragment getItem(int i)
{
    switch (i) {
        case 0: return new MyFrag();
        case 1: return new MyFrag1();
        default: return null;
    }
}

@Override
public CharSequence getPageTitle(int position) {
    // Generate title based on item position
    return tabTitles[position];
}

}

2 个答案:

答案 0 :(得分:2)

如果要为每个标签分配所有可用空间,请将app:tabGravity="fill"添加到TabLayout xml。

将TabLayout xml中的app:tabMode="scrollable"更改为app:tabMode="fixed" 如果你想要显示所有标签。

答案 1 :(得分:1)

您需要将tabMode的{​​{1}}属性设置为TabLayout而不是fixed,因此标签会占用所有可用空间并使其宽度相同,具体取决于提到的最大的here