在开始之前先调用工具插件:右键工程》Open Module Settings》Dependencies》+》Library Dependency》导人(com.android.support:design:27.0.2)》ok
布局:
<!-- app:tabGravity="center" 设置居中对齐
app:tabIndicatorColor="@color/colorAccent" 下滑线的颜色
app:tabMode="scrollable" 设置tabLayoout菜单的模式,,,scrollable可以横向滚动 fixed:固定
app:tabSelectedTextColor="@color/colorPrimaryDark" 选中的时候文字的颜色
app:tabTextColor="@color/colorPrimary" 文本默认的颜色 -->
<android.support.design.widget.TabLayout
android:layout_height="50dp"
android:layout_width="match_parent"
app:tabTextColor="@color/colorPrimary"
app:tabSelectedTextColor="@color/colorPrimaryDark"
app:tabMode="scrollable"
app:tabIndicatorColor="@color/colorAccent"
app:tabGravity="center"
android:id="@+id/mytab">
</android.support.design.widget.TabLayout>
=============================================================
主要代码:
TabLayout myTab=findViewById(R.id.mytab);//找控件
//添加选项卡
myTab.addTab(myTab.newTab().setText("新闻"));
myTab.addTab(myTab.newTab().setText("社会"));
myTab.addTab(myTab.newTab().setText("社会1"));
myTab.addTab(myTab.newTab().setText("社会2"));
myTab.addTab(myTab.newTab().setText("社会3"));
myTab.addTab(myTab.newTab().setText("社会4"));
//选项卡被选中的监听事件
myTab.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
Toast.makeText(MainActivity.this,tab.getText().toString(),Toast.LENGTH_SHORT).show();
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
}
});