使用 Image Asset (Android Studio) 在圆圈内生成箭头答案

【问题标题】：Generate an arrow back within a circle using Image Asset (Android Studio)使用 Image Asset (Android Studio) 在圆圈内生成箭头
【发布时间】：2017-04-05 12:07:29
【问题描述】：

我想在我的 ActionBar 中使用下一张图片：

我可以将图像放在我的drawable 文件夹中并毫无问题地使用它。

但我想使用不同尺寸的图片（mdpi、hdpi 等）。

所以我尝试在 Android Studio 中使用 Image Asset 生成此图像的不同尺寸版本。

如果Icon Type 是Launcher Icons，则生成器工作得很好，但输出是mipmap（应用程序的启动器图标）。

如果我选择正确的Icon Type，输出的目标是drawable 文件夹，但不幸的是生成的图标只是一个圆圈。

我猜 Android Studio 告诉我，我必须使用矢量而不是图像来表示将在 ActionBar 中使用的图标。对吗？

所以我从Clip Arts中选择了一个预定义的图标：

但是Action Bar and Tab Icons 没有Shape 选项。那太好了，但它只适用于Launcher Icons。

最后我的问题可以总结为：

有没有办法使用 Android Studio 中的Image Asset 工具生成带有circle shape 的back arrow？
我想我可以使用箭头图标并另外应用drawable resource 来获得圆形按钮。但在性能上，1 个矢量 + 1 个可绘制资源优于 1 个不同分辨率的图像？

提前谢谢你。

请给我一些想法来理解它。

【问题讨论】：

标签： android android-studio vector android-drawable

【解决方案1】：

Image Asset 似乎没有为普通图标提供设置背景。这个问题有多种解决方案，最简单的一个是去here，找到你想要的图标。这将生成所有不同的尺寸。

此外，您可以使用 Photoshop 制作图像并从 here 生成其图标

希望对你有帮助

【讨论】：

感谢您的帮助。当我将图像上传到第二个链接时，输出只是一个圆圈。但是第一个链接效果很好。它说“生成应用程序启动器快捷方式图标（Android 7.1+）。”但我想我可以将生成的图像用作常规的可绘制资源。
是的，尺寸都一样。对于第二个，您必须在 Photoshop 中制作您想要的任何大小的图标，然后从那里将其设为drawables 图标。如果这个答案对你有帮助，那么接受它作为正确答案是一种很好的姿态。

【解决方案2】：

Here也许这会对你有所帮助。

【讨论】：

谢谢，但Action Bar and Tab Icon Generator 的工作方式与 Android Studio 中的 Image Asset 完全相同。

【解决方案3】：

只是为了解决您的问题。请查看此CircularContactView 链接。您可以从资源中生成可绘制的后退箭头，然后您可以使用上述 CircularContactView 类的实例将箭头放入其中。

类似这样的：

circularContactViewObj.setImageResource(R.drawable.your_back_arrow, Color.YOUR_COLOR);

【讨论】：

【解决方案4】：

您还可以使用如下所示的矢量图像

    <?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24">

<path
    android:fillColor="#28274b"
    android:strokeWidth="1"
    android:pathData="M21.49 12.28C21.49 17.58 17.22 21.89 11.96 21.89C6.7 21.89 2.43 17.58 2.43 12.28C2.43 6.98 6.7 2.68 11.96 2.68C17.22 2.68 21.49 6.98 21.49 12.28Z" />
<!--<path
    android:fillColor="#ffffff"
    android:strokeWidth="1"
    android:pathData="M12.1 7.19L5.72 11.99L12.1 16.8L12.1 13.75L18.87 13.75L18.87 10.23L12.1 10.23L12.1 7.19Z" />-->
<path android:fillColor="#ffffff" android:pathData="M20,11H7.83l5.59,-5.59L12,4l-8,8 8,8 1.41,-1.41L7.83,13H20v-2z"/>

【讨论】：