//依赖
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.TabItem-->
<!--android:id="@+id/item1"-->
<!--android:layout_width="wrap_content"-->
<!--android:layout_height="wrap_content"-->
<!--android:text="taba"-->
<!--/>-->
<!--<android.support.design.widget.TabItem-->
<!--android:id="@+id/item2"-->
<!--android:layout_width="wrap_content"-->
<!--android:layout_height="wrap_content"-->
<!--android:text="tabb"-->
<!--/>-->
<!--<android.support.design.widget.TabItem-->
<!--android:id="@+id/item3"-->
<!--android:layout_width="wrap_content"-->
<!--android:layout_height="wrap_content"-->
<!--android:text="tabc"-->
<!--/>-->
</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"
/>