TabLayout

来源：互联网发布：淘宝上的阿玛尼正品吗编辑：程序博客网时间：2024/06/06 14:26

//依赖

compile 'com.android.support:design:25.3.1'

public class MainActivity extends AppCompatActivity {
private TabLayout tabLayout;
    private ViewPager pager;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tabLayout=(TabLayout)findViewById(R.id.mytag_layout);
        pager=(ViewPager)findViewById(R.id.mypager);
        tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
        pager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                return new Fragment1();
            }

            @Override
            public int getCount() {
               // tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
               // app:tabMode="scrollable"当条目太多时需要横向滑动，添加此方法；
                return 9;
            }

            @Override
            public CharSequence getPageTitle(int position) {
                return "tab"+(position+1);
            }
        });
        //动态添加tab按钮；；；；还可以布局文件里面添加tabitem;
//        tabLayout.addTab( tabLayout.newTab().setText("tab1"));
//        tabLayout.addTab( tabLayout.newTab().setText("tab2"));
//        tabLayout.addTab( tabLayout.newTab().setText("tab3"));
//        tabLayout.addTab( tabLayout.newTab().setText("tab4"));
        //关联viewpager与tablayout
        tabLayout.setupWithViewPager(pager);
        for(int i=0;i<9;i++){
            TabLayout.Tab tabitem=tabLayout.getTabAt(i);
            //给单个的tab按钮添加自定义布局；
            tabitem.setCustomView(R.layout.item);
        }
        tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                //获取当前点击位置；
              int index= tab.getPosition();
                //获取对应点击tab的布局view；
                View view=tab.getCustomView();
                ImageView img=(ImageView)view.findViewById(R.id.myimg);

            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {

            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });
    }
}

public class Fragment1 extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.item,null);
    }
}

布局

<android.support.design.widget.TabLayout
        android:id="@+id/mytag_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabSelectedTextColor="#f00"
        app:tabMode="scrollable"
        >
        
            
            
            
            
            
        
            
            
            
            
            
        
            
            
            
            
            

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

阅读全文

1 0