Android新手求助：如何放大主菜单中@android:drawable/ic_menu_add图标

嘿，作为Android新手碰到图标尺寸的问题太正常啦！直接在menu的<item>标签里没法用原生属性直接放大图标，因为系统Toolbar对菜单图标有固定的尺寸限制。不过有几个实用的方案能帮你搞定：

方案1：自定义图标资源（最简单直接） #

系统自带的@android:drawable/ic_menu_add是固定尺寸的，你可以自己创建一个尺寸更大的图标替换它：

1. 用Android Studio的Vector Asset Studio生成一个更大的加号矢量图，或者把现有图片调整到你想要的尺寸
2. 将新图标放到res/drawable目录下，比如命名为ic_menu_add_large.xml
3. 修改你的menu代码：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_new_photo"
        android:enabled="true"
        android:icon="@drawable/ic_menu_add_large" <!-- 替换成自定义大图标 -->
        android:orderInCategory="0"
        android:title="@string/add"
        app:showAsAction="always" />
</menu>

方案2：通过代码动态缩放图标 #

如果不想换图标，也可以在代码里获取菜单图标并缩放：

Kotlin代码示例 #

在你的Activity里：

override fun onCreateOptionsMenu(menu: Menu?): Boolean {
    menuInflater.inflate(R.menu.your_menu_name, menu)
    val addItem = menu?.findItem(R.id.action_new_photo)
    addItem?.let {
        val originalIcon = it.icon
        val scaledIcon = originalIcon?.let { drawable ->
            DrawableCompat.wrap(drawable).mutate()
            // 保持原有色调，可选操作
            DrawableCompat.setTint(drawable, ContextCompat.getColor(this, R.color.your_icon_color)) 
            val scaleFactor = 1.5f // 这里设置缩放比例，1.5就是放大50%
            drawable.setBounds(
                0,
                0,
                (drawable.intrinsicWidth * scaleFactor).toInt(),
                (drawable.intrinsicHeight * scaleFactor).toInt()
            )
            drawable
        }
        it.icon = scaledIcon
    }
    return super.onCreateOptionsMenu(menu)
}

Java代码示例 #

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.your_menu_name, menu);
    MenuItem addItem = menu.findItem(R.id.action_new_photo);
    if (addItem != null) {
        Drawable originalIcon = addItem.getIcon();
        if (originalIcon != null) {
            Drawable wrappedIcon = DrawableCompat.wrap(originalIcon).mutate();
            // 保持原有色调，可选操作
            DrawableCompat.setTint(wrappedIcon, ContextCompat.getColor(this, R.color.your_icon_color)); 
            float scaleFactor = 1.5f; // 缩放比例
            wrappedIcon.setBounds(
                0,
                0,
                (int) (originalIcon.getIntrinsicWidth() * scaleFactor),
                (int) (originalIcon.getIntrinsicHeight() * scaleFactor)
            );
            addItem.setIcon(wrappedIcon);
        }
    }
    return super.onCreateOptionsMenu(menu);
}

方案3：自定义Toolbar布局（最灵活） #

如果想要完全自由控制图标大小和位置，可以自定义Toolbar的布局：

1. 创建一个layout/custom_toolbar.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary">

    <!-- 自定义标题，可选 -->
    <TextView
        android:id="@+id/toolbar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/app_name"
        android:textColor="@android:color/white"
        android:textSize="18sp" />

    <!-- 自定义加号按钮，自由设置大小 -->
    <ImageView
        android:id="@+id/btn_add"
        android:layout_width="48dp" <!-- 设置你想要的宽度 -->
        android:layout_height="48dp" <!-- 设置你想要的高度 -->
        android:layout_gravity="end"
        android:padding="8dp"
        android:src="@android:drawable/ic_menu_add"
        android:tint="@android:color/white" />

</androidx.appcompat.widget.Toolbar>

2. 在Activity的布局里引用这个自定义Toolbar：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <include layout="@layout/custom_toolbar" />

    <!-- 其他页面内容 -->

</LinearLayout>

3. 在Activity里设置Toolbar并给加号按钮添加点击事件：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.your_activity_layout)
    val toolbar = findViewById<Toolbar>(R.id.custom_toolbar)
    setSupportActionBar(toolbar)
    supportActionBar?.setDisplayShowTitleEnabled(false) // 隐藏默认标题，用自定义的

    val addBtn = findViewById<ImageView>(R.id.btn_add)
    addBtn.setOnClickListener {
        // 处理加号点击事件，和原来的menu点击逻辑一致
    }
}

这三个方案里，方案1最适合新手快速解决问题，方案3则能给你最大的自定义空间，根据你的需求选就行啦！

内容的提问来源于stack exchange，提问作者user9283041