如何在汉堡菜单中添加图标？

Question

我正在开发一个应用，该应用需要显示带有汉堡包图标和后盖图标的后盖图标，如下图所示。

我应该如何实现？

Answer 1

唯一的解决方案是创建一个自定义工具栏，您必须在其中手动放置这两个图标（后退按钮和hamburg菜单图标），并在运行时实现抽屉功能。

这意味着您必须分别实现后退按钮和汉堡菜单按钮功能。

Answer 2

我建议使用自定义工具栏，例如波纹管

<androidx.appcompat.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <androidx.appcompat.widget.AppCompatImageView
                android:layout_width="wrap_content"
                android:id="@+id/mImgBack"
                android:src="@drawable/ic_back"
                android:layout_height="wrap_content"/>
            <androidx.appcompat.widget.AppCompatImageView
                android:layout_width="wrap_content"
                android:id="@+id/mImgHamburger"
                android:src="@drawable/ic_mImgHamburger"
                android:layout_height="wrap_content"/>
        </LinearLayout>
    </androidx.appcompat.widget.Toolbar>

现在将工具栏设置为您的

Toolbar toolbar = (Toolbar) findViewById(R.id.profileToolbar);
setSupportActionBar(toolbar);

并执行操作并根据需要单击图像视图

Answer 3

我不确定这是否是您要寻找的解决方案，但是如果您实现自定义工具栏（也像其他人所提到的那样），则可以将ImageView与DrawerArrowDrawable一起使用。

然后您可以通过编程方式将图标从hambruger转换为来回箭头，而无需处理多个视图。

您可以像这样初始化DrawerArrowDrawable：

homeDrawable = DrawerArrowDrawable(context)
homeDrawable.setColor(ContextCompat.getColor(context, R.color.white))
homeDrawable.setBarThickness(dimen(R.dimen.toolbar_home_bars_thickness).toFloat())
homeDrawable.setBarLength(dimen(R.dimen.toolbar_home_bars_length).toFloat())
homeDrawable.setGapSize(dimen(R.dimen.toolbar_home_bars_gap).toFloat())
homeDrawable.setArrowShaftLength(dimen(R.dimen.toolbar_home_arrow_shaft_length).toFloat())
homeDrawable.setArrowHeadLength(dimen(R.dimen.toolbar_home_arrow_head_length).toFloat())

然后将其设置为您的imageview背景：

imageView.setImageDrawable(homeDrawable)

您可以像这样用简单的动画（ValueAnimator）切换图标：

private fun toggleDrawerIcon(show: Boolean) {
    val currentProgress = homeDrawable.progress
    val animator = ValueAnimator.ofFloat(currentProgress, if (show) 0.0F else 1.0F)
    animator.addUpdateListener { valueAnimator ->
        var value = valueAnimator.animatedValue
        if (value is Float)
            homeDrawable?.progress = value
    }
    animator.duration = 200
    animator.start()
}

请记住，只要轻按一下图标就必须确定其当前状态，以确保其将执行所需的操作。