片段选项卡不使用所有空格

时间:2015-11-24 21:16:58

标签: android android-fragments layout tabs fragment

我正在尝试按照本教程将我的活动应用转换为片段: http://www.exoguru.com/android/material-design/navigation/material-design-tabs-with-fragments 由于我将仅使用两个选项卡,因此我对BlankFragment进行了此更改

public class BlankFragment extends Fragment {

    private PagerSlidingTabStrip tabs;
    private static ViewPager viewPager;
    private final int int_items = 2;

    public BlankFragment() { // Required empty public constructor 
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        // Inflate the layout for this fragment
        View x = inflater.inflate(R.layout.fragment_blank, container, false);

        tabs = (PagerSlidingTabStrip) x.findViewById(R.id.tab_strip);

        viewPager = (ViewPager) x.findViewById(R.id.viewpager);

        viewPager.setAdapter(new MyAdapter(getChildFragmentManager()));

        tabs.post(new Runnable() {
            @Override
            public void run() {
                tabs.setViewPager(viewPager);
            }
        });

        int[][] tabStates = new int[][] {
                new int[] { android.R.attr.state_pressed}, // enabled
                new int[] { android.R.attr.state_selected},  // unchecked
                new int[] { -android.R.attr.state_selected}
        };

        int[] tabColors = new int[] {R.color.colorAccent,R.color.colorAccent,R.color.colorAccent};

        ColorStateList tabList = new ColorStateList(tabStates, tabColors);
        tabs.setTextColor(tabList); // Setting the Tab Text Color

        return x;
    }

    public class MyAdapter extends FragmentPagerAdapter { // Tab Adapter

        public MyAdapter(FragmentManager fm) { super(fm); }

        @Override
        public Fragment getItem(int position)
        {
            switch (position){
                case 0 : return new Tab1();
                case 1 : return new Tab2();
            }

            return null;
        }

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

        @Override
        public CharSequence getPageTitle(int position) {

            switch (position){
                case 0 :
                    return "Temps        ";
                case 1 :
                    return "Vetement       ";
            }
            return null;
        }
    }

}

问题是我得到了这个结果: enter image description here

正如您所看到的那样,标签文本没有像这样使用所有空格: https://raw.githubusercontent.com/joseedwin84/Android-Sliding-Tabs-With-Material-Design/master/tabpic.png

那么我需要改变什么呢? 我试图检查布局,它们都设置为match_parent宽度。 所以现在我不知道在哪里看。 如果有人可以帮助我,那就太好了。

2 个答案:

答案 0 :(得分:2)

您必须将TabLayout的tabGravity设置为filltabModefixed

xml

<android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/tabLayout"
        app:tabGravity="fill"
        app:tabMode="fixed" />

或者你可以在纯java

中完成
TabLayout tabLayout = (TabLayout) findViewById(R.id.tabLayout);
tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
tabLayout.setTabMode(TabLayout.MODE_FIXED);

答案 1 :(得分:0)

谢谢我没有使用TabLayout而是使用PagerSlidingTabStrip,并且在文档中我发现这是一个布局问题,我应该使用app:shouldExpand =&#34; true&#34;