EasyIndictor 一款简单易用的android导航栏

最新推荐文章于 2021-05-28 20:57:10 发布

暮醉南山

最新推荐文章于 2021-05-28 20:57:10 发布

阅读量768

点赞数

分类专栏： android 文章标签：导航 indictor android 自定义view 自定义控件

本文链接：https://blog.csdn.net/cnliwy/article/details/71404306

版权

android 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

EasyIndictor 使用简介

导航栏效果图

效果图

布局里引用

<com.liwy.easyindictor.EasyIndicator
        android:id="@+id/indictor"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></com.liwy.easyindictor.EasyIndicator>

使用方式一：

        indicator = (EasyIndicator)findViewById(R.id.indictor);
        //config配置信息可参考TabConfig.Builder类
        TabConfig config = new TabConfig.Builder()
                .setDistance(5)                         // 设置文字和图片的距离
                .setTextColorNor(R.color.text_nor)      // 设置默认的文字颜色
                .setTextColorSel(R.color.text_sel)      // 设置选中后的文字颜色
                .setBgColorNor(R.color.bg_nor)              //设置默认的背景色
                .setBgColorSel(R.color.bg_sel)    // 设置选中后的背景色
                .setImgWidth(30)                        // 设置图片宽度
                .setImgHeight(30)                       // 设置图片高度
                .setShowLine(true)                      // 设置是否显示下划线
                .builder();
        indicator.setConfig(config);
        // 设置图文导航栏（参数依次为：文字，初始图标，选中后图标）
//        tabList.add(new TabBean("聊天",R.drawable.ic_slide_time,R.drawable.ic_slide_happy));
//        tabList.add(new TabBean("空间",R.drawable.ic_slide_time,R.drawable.ic_slide_music));
//        tabList.add(new TabBean("设置",R.drawable.ic_slide_time,R.drawable.ic_slide_set));
        // 设置纯文字导航栏
        tabList.add(new TabBean("聊天"));
        tabList.add(new TabBean("空间"));
        tabList.add(new TabBean("设置"));
        indicator.setTabs(tabList);

使用方式二（绑定ViewPager）：

        indicator = (EasyIndicator)findViewById(R.id.indictor);
        //config配置信息可参考TabConfig.Builder类
        TabConfig config = new TabConfig.Builder()
                .setDistance(5)                         // 设置文字和图片的距离
                .setTextColorNor(R.color.text_nor)      // 设置默认的文字颜色
                .setTextColorSel(R.color.text_sel)      // 设置选中后的文字颜色
                .setBgColorNor(R.color.bg_nor)              //设置默认的背景色
                .setBgColorSel(R.color.bg_sel)    // 设置选中后的背景色
                .setImgWidth(30)                        // 设置图片宽度
                .setImgHeight(30)                       // 设置图片高度
                .setShowLine(true)                      // 设置是否显示下划线
                .builder();
        indicator.setConfig(config);
        // 设置图文导航栏（参数依次为：文字，初始图标，选中后图标）
//        tabList.add(new TabBean("聊天",R.drawable.ic_slide_time,R.drawable.ic_slide_happy));
//        tabList.add(new TabBean("空间",R.drawable.ic_slide_time,R.drawable.ic_slide_music));
//        tabList.add(new TabBean("设置",R.drawable.ic_slide_time,R.drawable.ic_slide_set));
        // 设置纯文字导航栏
        tabList.add(new TabBean("聊天"));
        tabList.add(new TabBean("空间"));
        tabList.add(new TabBean("设置"));
        indicator.setTabs(tabList);
        indicator.setTabAndViewPager(tabList,viewPager);

点击事件:

    // 也可以为导航栏里的item额外附加点击事件
    indicator.setOnTabClickListener(new OnTabClickListener() {
            @Override
            public void onClick(TabView v) {
                System.out.println("点击了tab" + v.getIndex());
            }
        });

以上就是两种使用方式，一种是普通导航栏，一种是结合viewpager的导航栏。下面是源码及Demo的链接地址，有兴趣的同学可以看下。
传送门,