Android - 素材设计:带滑动标签的标签(标题)

时间:2015-12-29 11:09:42

标签: android android-layout material-design android-tabs android-tabstrip

在我的应用程序(Material Design)中,我想显示(比方说)10个标签。在那些标签中,标签条应该保持例如4.现在,tabstrip显示所有标签标题,每个标签有2个字母。 如何创建滑动标签?所以我可以滚动标签条到右边的标签? 我知道有一个定制的标签,我想尽可能多地使用标准设施。

1 - 设置标签寻呼机:

private void setupTabPager() {
    viewPager = (ViewPager) findViewById(R.id.pager);
    final PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager(), tabLayout.getTabCount());
    viewPager.setAdapter(adapter);
    viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
    tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            // UserFeedback.show( "Tab selected: " + tab.getText());
            viewPager.setCurrentItem(tab.getPosition());
        }
        @Override
        public void onTabUnselected(TabLayout.Tab tab) {
        }
        @Override
        public void onTabReselected(TabLayout.Tab tab) {
        }
    });
}

2 - 设置标签布局:

private void setupTablayout() {
    tabLayout = (TabLayout) findViewById(R.id.tabLayout);
    if (tabLayout == null) {
        return;
    }
    // tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
    tabLayout.setTabGravity(TabLayout.MODE_SCROLLABLE);
    tabLayout.addTab(tabLayout.newTab().setText("Folders"));
    tabLayout.addTab(tabLayout.newTab().setText("Items"));

3 - PageAdapter扩展了FragmentStatePagerAdapter:

public class PagerAdapter extends FragmentStatePagerAdapter {
    int mNumOfTabs;
    public PagerAdapter(FragmentManager fm, int NumOfTabs) {
        super(fm);
        this.mNumOfTabs = NumOfTabs;
    }
    @Override
    public Fragment getItem(int position) {
        switch (position) {
            case MainActivity.FRAGMENT_GROUPS_AND_ITEMS:
                return new FragmentGroupsAndItems();
            case MainActivity.FRAGMENT_FOLDERS:
                return new FragmentFolders();
     .... }

2 个答案:

答案 0 :(得分:3)

参见本教程。它对你有用。 http://www.androidhive.info/2015/09/android-material-design-working-with-tabs/

这是根据Android Material Design的新实现

答案 1 :(得分:1)

为什么不将标签放在Horizo​​ntalScrollView中?

它可能对你有帮助。