如何制作圆形菜单图标？请看详情答案

【问题标题】：How can I make a circular menu icon? Please see details如何制作圆形菜单图标？请看详情
【发布时间】：2016-01-16 07:10:57
【问题描述】：

我正在开发一个 material design 应用程序，我希望工具栏上的菜单图标应该显示为 圆形图像 而不是 矩形图像.

截图如下：

查看菜单图标，它显示为矩形，但我希望它是圆形。

我该怎么做？

【问题讨论】：

使用圆形图像视图库
你能展示一张圆形菜单按钮的图片吗？
@TimCastelijns 但如何使用它来更改菜单图标的布局？
如果图书馆没有帮助您......请在此处查看答案：stackoverflow.com/questions/28166664/…

标签： android material-design android-menu android-icons

【解决方案1】：

有4个步骤：

1.创建菜单项

<menu xmlns:tools="http://schemas.android.com/tools"
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/profile_menu_item"
        android:icon="@drawable/prof"
        app:showAsAction="always"
        tools:ignore="MenuTitle"/>
</menu>

2。检索菜单项

private MenuItem mProfileMenuItem;
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        super.onCreateOptionsMenu(menu);
        getMenuInflater().inflate(R.menu.main, menu);
        mProfileMenuItem = menu.findItem(R.id.profile_menu_item);
        return true;
    }

3.将位图裁剪为圆形位图

public Bitmap getCroppedBitmap(Bitmap bitmap) {
    Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
            bitmap.getHeight(), Config.ARGB_8888);
    Canvas canvas = new Canvas(output);

    final int color = 0xff424242;
    final Paint paint = new Paint();
    final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());

    paint.setAntiAlias(true);
    canvas.drawARGB(0, 0, 0, 0);
    paint.setColor(color);
    // canvas.drawRoundRect(rectF, roundPx, roundPx, paint);
    canvas.drawCircle(bitmap.getWidth() / 2, bitmap.getHeight() / 2,
            bitmap.getWidth() / 2, paint);
    paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
    canvas.drawBitmap(bitmap, rect, rect, paint);
    //Bitmap _bmp = Bitmap.createScaledBitmap(output, 60, 60, false);
    //return _bmp;
    return output;
}

source

4.将 url 图片下载为位图，然后裁剪

new Handler().post(() -> Glide.with(getApplicationContext()).asBitmap().load(url).into(new SimpleTarget<Bitmap>() {
        @Override
        public void onResourceReady(Bitmap resource, Transition<? super Bitmap> transition) {
            if (mProfileMenuItem == null) return;
            mProfileMenuItem.setIcon(new BitmapDrawable(getResources(), Utils.getCroppedBitmap(resource)));
        }
    }));

source

【讨论】：

【解决方案2】：

您可以通过 SO 推荐的几个不同提供商的教程阅读以下教程

Android Developer
Vogella
AndroidHive

他们都有很好的例子和源代码来帮助你

【讨论】：