android_tabLayout的使用

效果图

layout:

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_tab"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.iamchan.allfunction.ui.program.TabActivity">
    <!--
        app:tabTextColor="@color/black"   未选中颜色
        app:tabSelectedTextColor="@color/blue" 选中颜色
         app:tabIndicatorColor="@color/blue"  底部线的颜色
        app:tabIndicatorHeight="2dp" 底部线的高度 0dp没有线
        app:tabGravity="fill"   填满布局 match_parent
        app:tabMode="scrollable"  item多了可以滚动 不用等分了
        app:tabMode="fixed"  默认等分
        app:tabTextAppearance="@style/indicator" 设置属性
        app:tabPadding="10" tablayout内部的子控件的Padding:
        app:tabMode="scrollable" 确定数目的时候不要用它 或者填fixed

    -->

    <android.support.design.widget.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        app:tabTextColor="@color/black"
        app:tabSelectedTextColor="@color/blue"
        app:tabIndicatorColor="@color/blue"
        app:tabIndicatorHeight="0dp"
        app:tabBackground="@color/gray"
        app:tabGravity="fill"
        app:tabMode="fixed"
        app:tabTextAppearance="@style/indicator"
        >

    </android.support.design.widget.TabLayout>
    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v4.view.ViewPager>
</LinearLayout>

java:

public class TabActivity extends SwipeBackActivity {

    @BindView(R.id.tablayout)
    TabLayout tablayout;
    @BindView(R.id.viewPager)
    ViewPager viewPager;

    private List<Fragment> fragments;
    private List<String> stringList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_tab);
        ButterKnife.bind(this);


        stringList=new ArrayList<>();
        stringList.add("aaa");
        stringList.add("bbb");
        stringList.add("ccc");

        tablayout.addTab(tablayout.newTab().setText(stringList.get(0))/*.setIcon(R.mipmap.ic_launcher)*/);
        tablayout.addTab(tablayout.newTab().setText(stringList.get(1)));
        tablayout.addTab(tablayout.newTab().setText(stringList.get(2)));
        /*tablayout.addTab(tablayout.newTab().setText("aaa"));
        tablayout.addTab(tablayout.newTab().setText("bbb"));
        tablayout.addTab(tablayout.newTab().setText("ccc"));
        tablayout.addTab(tablayout.newTab().setText("aaa"));
        tablayout.addTab(tablayout.newTab().setText("bbb"));
        tablayout.addTab(tablayout.newTab().setText("ccc"));
        tablayout.addTab(tablayout.newTab().setText("aaa"));
        tablayout.addTab(tablayout.newTab().setText("bbb"));
        tablayout.addTab(tablayout.newTab().setText("ccc"));*/

        /*
        * tablayout监听器
        * */
        tablayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                /*
                * 选中时候的方法
                * */
                Toast.makeText(TabActivity.this, "选中", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
                /*
                * 没有选中的方法
                * */
                Toast.makeText(TabActivity.this, "没中" + tab.getText(), Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {
                /*
                * 再次选中tab的方法  什么意思就是说点了两次tablayout中的item
                * */
                Toast.makeText(TabActivity.this, "再一次", Toast.LENGTH_SHORT).show();
            }
        });

        fragments=new ArrayList<>();
        fragments.add(new HeadFragment());
        fragments.add(new FindFragment());
        fragments.add(new CustFragment());

        viewPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager()));
        tablayout.setupWithViewPager(viewPager);

    }

    public class MyFragmentPagerAdapter extends FragmentPagerAdapter{

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

        @Override
        public Fragment getItem(int position) {
            return fragments.get(position);
        }

        @Override
        public int getCount() {
            return fragments.size();
        }


        /*
        * 需要重写这个方法 要不tablayout中的文字不显示
        * */
        @Override
        public CharSequence getPageTitle(int position) {
            return stringList.get(position);
        }

    }
}

猜你喜欢

转载自blog.csdn.net/iamchan/article/details/84069525