EasyIndicator

Introduction: 一款简单的 tab 指示器,代码简单,带平移效果
More: Author   ReportBugs   DemoAPK   
Tags:
指示器-

一款简单的 tab 指示器,带平移动画效果,代码简单可配置各种 tab 切换样式,用得着的朋友希望点个 star

使用方法:

      app:indicator_bottom_height="" 底部指示器高度
      app:indicator_bottom_line_color="" 底部线条颜色
      app:indicator_bottom_line_height="" 底部线条高度
      app:indicator_width="" tab 宽度
      app:indicator_height="" tab 高
      app:indicator_isBottom_line="" 是否显示底部线条
      app:indicator_line_color="" 底部指示器颜色     
      app:indicator_normal_color="" tab 选中颜色      
      app:indicator_selected_color="" tab 未选中颜色    
      app:indicator_textSize="" tab 字体大小     
      app:indicator_vertical_line_w="" 垂直分割线条宽度     
      app:indicator_vertical_line_color="" 垂直线条颜色   
      app:indicator_vertical_line_h=""  垂直线条高度
      app:indicator_select_textSize="" 选中字体放大效果
<com.luck.indicator.EasyIndicator
        android:id="@+id/easy_indicator"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:indicator_bottom_height="3dp"
        app:indicator_bottom_line_color="@color/line_color"
        app:indicator_bottom_line_height="1dp"
        app:indicator_height="42dp"
    app:indicator_select_textSize="14sp"
        app:indicator_isBottom_line="true"
        app:indicator_line_color="@color/app_color"
        app:indicator_normal_color="@color/color_70"
        app:indicator_selected_color="@color/app_color"
        app:indicator_textSize="14sp"
        app:indicator_vertical_line_w="1dp"
        app:indicator_vertical_line_color="@color/line_color"
        app:indicator_vertical_line_h="20dp"
        app:indicator_width="0dp" />

非 ViewPage 下代码使用

easy_indicator = (EasyIndicator) findViewById(R.id.easy_indicator);
        easy_indicator.setTabTitles(new String[]{"进行中", "已完成", "已评价"});
        easy_indicator.setOnTabClickListener(new EasyIndicator.onTabClickListener() {
            @Override
            public void onTabClick(String title, int position) {
                Log.i(TAG, title + "::" + position);
            }
        });

ViewPage 下代码使用

easy_indicator = (EasyIndicator) findViewById(R.id.easy_indicator);
        easy_indicator.setTabTitles(new String[]{"Tab1", "Tab2", "Tab3", "Tab4"});

        // 自定义设置
        easy_indicator.setViewPage(vp, new FragmentAdapter(getSupportFragmentManager(),
                new Fragment[]{new FragmentTab1(), new FragmentTab2(),
                        new FragmentTab3(), new FragmentTab4()}));

        // 自带设置
//        easy_indicator.setViewPageViews(new FragmentAdapter(getSupportFragmentManager(),
//                new Fragment[]{new FragmentTab1(), new FragmentTab2(),
//                        new FragmentTab3(), new FragmentTab4()}));

主项目的 build.gradle 添加如下代码

allprojects {
    repositories {
        jcenter()
        maven { url 'https://jitpack.io' }
    }
}

compile 引入

dependencies {
    compile 'com.github.LuckSiege:EasyIndicator:v1.1.3' 
}

image image image image image

Apps
About Me
GitHub: Trinea
Facebook: Dev Tools