如何为Android创建矢量绘图?

b0zn9rqh  于 2023-04-04  发布在  Android
关注(0)|答案(9)|浏览(138)

我是VectorDrawables的新手。
我可以看到android studio提供的默认vector drawables,如ic_menu_galleryic_menu_camera,所以我尝试创建我自己的vector drawables,首先将我的png images转换为svg,并使用路径和填充值来制作矢量可绘制对象,即在svg文件中替换d的android:pathData和填充标签的android:fillColor。它以某种方式给矢量绘图,但扭曲或currputed期待。
如果我没有采取正确的方法,请建议我。

nwlqm0z1

nwlqm0z11#

您可以使用Android Studio。将png转换为svg文件在线工具PNG to SVG

对于SVG颜色可以用途:

<ImageButton
    android:layout_width="48dp"
    android:layout_height="48dp"
    android:id="@+id/button"
    android:src="@drawable/ic_more_vert_24dp"
    android:tint="@color/primary" />

或者

imageView.setColorFilter(getResources().getColor(android.R.color.black), PorterDuff.Mode.SRC_IN);

可以将SVG转换为PNG在线工具:库尔蒂尔斯
将SVG转换为Android drawable:inloop

70gysomp

70gysomp2#

以下是将任何png/jpg转换为矢量可绘制的最佳方法:
1.下载软件InkScape
1.在其中打开您的png并按照video中所示的过程将其转换为svg
1.使用SVG to Vector Drawable tool将svg转换为矢量可绘制。另一个工具svg 2android并不总是工作,因为有时svg会被错误地转换为矢量可绘制
1.将代码复制到一个新的可绘制资源文件中。现在这可以作为一个常规的可绘制资源文件使用。
如果你已经有了一个svg,那么直接从第3步开始。

jv2fixgn

jv2fixgn3#

我也遇到了这个问题,找到了这个非常有用的网站:
https://materialdesignicons.com/
有许多图标,并与“先进的出口”,你可以编辑设置很容易。对我来说,这是最快和最简单的方式来创建矢量绘图,如果你不想下载文件,你可以只查看代码和复制它,不仅作为一个矢量绘图,但甚至作为一个SVG或XAML。哦,它是免费的:)
1.选择一个图标
1.单击高级导出
1.编辑设置
1.点击“View Vector Drawable”或下载并将其放入您的项目中:)

a2mppw5e

a2mppw5e4#

步骤1第一步是将其转换为SVG格式-对于白色SVG转换器有很多工具,但彩色转换的好工具很少。https://www.autotracer.org/是最好的工具之一,它对我很有效。转换并下载SVG文件。步骤2-在“Android Studio”中转到drawables文件夹并右键单击选择New - Vector Asset
步骤3-选择步骤1中下载的SVG文件。android Studio
第四步-不要忘记设置navigationView.setItemIconTintList(null);在彩色图标用于导航抽屉/视图的情况下为空。

干杯!

gk7wooem

gk7wooem5#

在Android Studio 3.1中:
文件-〉新建-〉矢量资源
资产类型:选择本地文件
单击路径以选择.svg或.psd文件
如果您没有图片,请转到Google图片,高级图片搜索。使用文件类型:SVG文件

3zwjbxry

3zwjbxry6#

你可以使用photoshop/illustrator创建你自己的svg图像或图标,并可以导入矢量资源(在android studio 2.+中可用)。有时导入它会导致扭曲的图像,如果svg是复杂的或有许多元素,那么你可以通过重叠ImageViews将其用作矢量资源的单个元素。

xjreopfe

xjreopfe7#

试试这个:步骤1:可绘制〉新建〉矢量资源

选择剪贴画(使用现有的图标)从本地文件中选择,选择并添加。您可以以正常的方式添加颜色图标。

lf5gs5x2

lf5gs5x28#

Android Studio创建矢量绘图

您可以使用AssetStudio来执行此操作

File -> New -> Vector Asset -> Configure
yeotifhr

yeotifhr9#

由于这是我在试图解决项目中的一个bug时发现的第一个问题,我将添加我的解决方案。
确保矢量可绘制文件作为XML文件添加到可绘制文件夹中。我将其作为SVG可绘制文件添加,但代码中无法识别。
如果是SVG格式,将扩展名改为XML,就可以正常工作了。

相关问题