自定义控件之伸缩式菜单栏

高仿了一个小米状状态的伸缩式菜单栏

ezgif-4-745c4fd37592.gif

ezgif-4-b56cab2f6afa.gif

主要功能点，横向滚动纵向收缩，横向滚动联代底部指示器变化，纵向收缩时，随着收缩距离动态的改变透明度，当下面两排itemview收缩完成后第五个item移动到第一排。最后是点击后记录状态，改变item背景、图标、描述颜色。

导入

1. 中央厂库配置

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

2.依赖配置

 implementation 'com.github.ray-tianfeng:tasktabview:v1.0.3'

使用

        TaskTabView taskTabView = findViewById(R.id.task_tab);
        //norIcons(未选中/点击时icon)，preIcons(选中和点击时icon)、describes（描述文字）
        taskTabView.setTab(norIcons, preIcons, describes);
         taskTabView.addItemEventListener(new ItemEventListener() {
            @Override
            public void onItemOnClick(int itemIndex) {
                Toast.makeText(MainActivity.this, "点击：" + itemIndex, Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onItemLongClick(int itemIndex) {
                Toast.makeText(MainActivity.this, "长按：" + itemIndex, Toast.LENGTH_SHORT).show();
            }
        });

属性

代码中设置配置：

        TaskTabConfig taskTabConfig = new TaskTabConfig(this);
                 ...设置属性
        taskTabView.config(taskTabConfig);

布局中使用：

 <com.zl.tasktabview.TaskTabView
        android:id="@+id/task_tab"
        android:layout_width="match_parent"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_height="wrap_content"
        android:background="@drawable/backgroud"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:margin = "15dp"
        app:item_padding="10dp"
        app:text_size="12sp"
        app:text_interval="10dp"
        app:indicator_interval="8dp"
        app:indicator_margin_buttom="10dp"
        app:indicator_radius="2dp"
        app:circle_color="#d9dfe2"
        app:circle_selected_color="#0099ff"
        app:circle_border_color="#b0b5b7"
        app:text_color="#464849"
        app:text_selected_color="@android:color/black"
        app:indicator_color="#bec3c4"
        app:indicator_selected_color="#474949"
        />

代码设置优先级高于布局中，控件宽度必须指明不能“wrap_content”，高度是通过宽度计算出来的，设置宽度值无效。
代码传送门