横向滑动菜单TabLayout控件的简单使用

最新推荐文章于 2022-02-14 09:15:45 发布

YHMQ66

最新推荐文章于 2022-02-14 09:15:45 发布

阅读量402

点赞数

分类专栏： Android 开发

本文链接：https://blog.csdn.net/YHMQ66/article/details/78243097

版权

Android 开发专栏收录该内容

39 篇文章 0 订阅

订阅专栏

1.添加依赖库 design

      右键 open  settting  添加design包 或者添加依赖   compile'com.android.support:design:24.0.0'

2.代码的实现

一些属性和视图文件

 <!--
   app:tabGravity="center"    设置居中对齐
   app:tabIndicatorColor="@color/colorAccent" 下滑线的颜色
   app:tabMode="scrollable"  设置tabLayoout菜单的式,,,scrollable可以横向滚动
   app:tabSelectedTextColor="@color/colorPrimaryDark"  选中的时候文字的颜色
   app:tabTextColor="@color/colorPrimary"       文本默认的颜色

   app:tabGravity="fill"   //设置平铺
   app:tabMode="fixed"
 -->

<android.support.design.widget.TabLayout
       android:layout_width="match_parent"
       android:layout_height="50dp"
       android:id="@+id/mytab"
       app:tabGravity="center"
       app:tabIndicatorColor="@color/colorAccent"
       app:tabMode="scrollable"
       app:tabSelectedTextColor="@color/colorPrimaryDark"
       app:tabTextColor="@color/colorPrimary"

       ></android.support.design.widget.TabLayout>

main方法:

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        TabLayout myTab= (TabLayout) findViewById(R.id.mytab);

        //添加选项卡
        for(int i=0;i<10;i++){
            myTab.addTab(myTab.newTab().setText("TAB"+i));
        }

        //选项卡选中监听事件
        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) {

            }
        });




    }
}