如何制作圆形菜单图标?请查看详细信息 [英] How can I make a circular menu icon? Please see details
本文介绍了如何制作圆形菜单图标?请查看详细信息的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在开发材料设计应用&我希望工具栏上的菜单图标应显示为圆形图像,而不是矩形图像.
I'm developing a material design app & I want that the menu icon on toolbar should appear as a circular image instead of rectangular image.
这是屏幕截图:
看菜单图标,它显示为矩形,但我希望它是圆形.
Look at the menu icon, it is appearing as a rectangle, but I want it to be circular.
我该怎么做?
推荐答案
共有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;
}
4.将网址图片下载为位图,然后裁剪
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)));
}
}));
这篇关于如何制作圆形菜单图标?请查看详细信息的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文