Android Studio 如何使用SVG矢量图

最新推荐文章于 2023-11-24 16:56:36 发布
最新推荐文章于 2023-11-24 16:56:36 发布
阅读量1.2k 收藏 1
点赞数

原文地址：https://jingyan.baidu.com/article/7f766daf8775df4101e1d0e1.html


有时候我们在做app软件开发的时候，图片资源是不可缺少的，可是不同屏幕，图片资源显示的效果会不尽人意，出现模糊，这个时候Android Studio 就发挥了其强大的功能。

工具/原料

  • Android Studio

方法/步骤

  1. 首先自行百度“阿里矢量图库”，选择自己要用的图标，选择自己需要的颜色和大小

    Android Studio 如何使用SVG矢量图

  2. 首先，选中要添加矢量图的Module,右击选择New

    Android Studio 如何使用SVG矢量图

  3. 找到 Vector Asset 

    Android Studio 如何使用SVG矢量图

  4. 选择Local file,然后找到Path 选择自己下载好的SVG存放的路径 ，

    Android Studio 如何使用SVG矢量图

  5. 选择Override,用的是下载时SVG 的原始大小

    Android Studio 如何使用SVG矢量图

  6. 最后会在drawable文件夹里生成一个xml文件

    Android Studio 如何使用SVG矢量图
  7. 7

    最后再在ImageView 的控件中的src 中引入该xml 文件即可，生成的xml文件必须在控件中引用，不能在class 文件中直接引用，如果想用开源的矢量图库或Android studio自带的图库可以看一下以下经验

    2Android Studio 如何用自带图标库和开源图标库

    Android Studio 如何使用SVG矢量图

赢灬雨
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SVG图片转Android可识别的xml文件
04-13
使用方法如下： 在jdk环境配置好的前提下，在该文件目录下输入以下指令：java -jar svg2vector-cli-1.0.0.jar -d . -o output -h 20 -w 20 output指输出文件夹的名字，-h后的20指vector转换后的android:height="20dp", -w后的20指vector转换后的android:width="20dp", 该工具会把当前目录下所有的svg文件进行批处理。
Android中的资源复用小技巧
公众号：BennuCTech
11-22 1297
前言 做了很多项目，发现每个项目里都有大量的相似图标，比如每个颜色一种、每个角度一种（左箭头、右箭头）等等，虽然这些图标很小占用不了太多资源。但是当我们需要change的时候就得一个个去替换，其实在android里有很多小技巧可以让这些资源进行复用，减少体积的同时也可以使项目结构更加清晰。 这里总结的一些比较常用的复用，包扩：自适应、变色、旋转、阴影、组合、透明度、剪裁、留白等 svg矢量图 android5.0之后android就开始支持svg矢量图了，是drawable的vector标签。 使用矢量图的
【Android】将图片转为xml文件
韩旭不会敲代码吧的博客
11-18 6832
图片转为xml文件
将SVG文件转换为XML文件
o0daxu0o的博客
12-31 4698
第一步：图标下载的地址：https://www.iconfont.cn/，下载SVG图标 第二步：将SVG图标转换成XML文件，使用转换工具。 链接: https://pan.baidu.com/s/1fEjep7oK8xGneNEcX690ww?pwd=sv3t 提取码: sv3t ，解压后如下图，一个静态的网页： 在浏览器中打开index.html，效果如下： 将SVG文件拖入其中进行转换，保存该xml文件，该文件即可在Androdi Stud...
自己写一个svg转化为安卓xml的工具类
xiaoerbuyu1233的博客
08-22 1101
原文链接：https://blog.csdn.net/qq_30447263/article/details/83594228。版权声明：本文为CSDN博主「张风捷特烈」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。秉承着能用代码解决的问题，绝对不动手。感觉一般的svg到Android可用的xml差异有点规律，主要的就是path。将xml放在drawable目录下，就可以当资源文件用了，大小颜色都可以操作。2.转化成的Android可用的xml。
Android studio 导入svg格式的图片
chuyouyinghe的专栏
11-24 834
SVG可以算是目前最最火热的图像文件格式了，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。
使用Android studio将svg生成xml矢量图
Within的博客
05-09 1297
选择svg保存即可生成xml矢量图。
Android使用svg矢量图生成 src的xml图片文件
weixin_42602900的博客
08-10 2197
Android使用svg矢量图生成 src的xml图片文件
【Android】图片转xml文件
m0_65041204的博客
11-22 1350
图片转换为xml文件
【Android】将SVG转换成VectorDrawable XML资源
CS@zeny的博客
06-02 1293
本文章主要讲述如何将SVG格式转换为安卓的Vector 的XML格式的图标.
svg2xml:SVG到XML mxGraph模具定义转换工具
05-23
svg2xml SVG到XML mxGraph模具定义转换工具。 它是为内部使用而创建的，因此还有很多未完成的事情。 要编译并运行此程序，请使用ant或以下命令。 编译 mkdir classes javac -d classes -classpath lib/mxgraph-core.jar -sourcepath src src/com/mxgraph/svg2xml/Svg2XmlGui.java 跑步 java -classpath lib/mxgraph-core.jar:classes com.mxgraph.svg2xml.Svg2XmlGui 快速入门 运行Svg2XmlGui。 左侧的文件系统定义了要转换的文件或文件夹。 右边的一个定义了目的地。 如果选择一个文件，则将仅为那个模板生成一个模板XML文件。 如果选择多个文件，则将为所选模板生成单个模板XML文件
Android 中使用svg图片
01-20
 使用xml 描述二维图形语言,矢量图,放大缩小无影响  为什么用svg,现在手机的短板是内存,不是cpu,svg通过cpu计算，png占用内存  Android上对svg进行阉割，使用Vector Drawable对svg支持，svg小 2. svg语法：   ...
echarts svg矢量图整理合集.txt
06-02
echarts svg矢量图整理合集，包括五角星、梯形、微信、相机、文件夹、喇叭、放大、缩小、饼图、柱图等等
将AndroidStudio 的 VectorDrawable xml 资源逆向转回 svg文件
07-30
自制工具，将AndroidStudio 的 VectorDrawable xml 资源逆向转回 svg文件方便编辑。工具为带js的html，上方输入框贴入xml，下方输入框输出svg代码结果以及svg预览 注意目前仍未支持渐变填充
2020年深圳地图SVG矢量图.zip
07-29
深圳地图SVG矢量图，2020年最新区划（包括了光明/坪山/宝安/龙华/龙岗/福田/南山/盐田/罗湖/大鹏等所有现有的精准行政区划。
glide加载和下载svg矢量图片
04-02
glide加载和下载svg矢量图片
电力系统调度过程连续潮流matlab代码.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
【基于Java+Springboot的毕业设计】付费问答系统(源码+演示视频+说明).rar
04-26
【基于Java+Springboot的毕业设计】付费问答系统(源码+演示视频+说明).rar 【项目技术】 开发语言：Java 框架：Spingboot+vue 架构：B/S 数据库：mysql 【演示视频-编号：330】 https://pan.quark.cn/s/8dea014f4d36 【实现功能】 付费问答系统通过MySQL数据库与Spring Boot框架进行开发，付费问答系统能够实现新闻类型管理，问题帖子管理，付费记录管理，新闻信息管理，用户管理，轮播图管理等功能。
关于旁路电容和耦合电容-(详细说明)
最新发布
04-26
关于旁路电容和耦合电容-(详细说明)
vue使用svg矢量图
09-03
在Vue中使用SVG矢量图，你可以按照以下步骤进行配置： 1. 首先，确保你的项目中有一个存放SVG图标的文件夹，比如`src/icons`。在这个文件夹中，你可以存放所有的SVG图标文件。 2. 在你的组件中，使用`<svg-icon>`组件来引用SVG图标。可以通过设置`icon-class`属性来指定SVG图标的名称，通过设置`className`属性来修改SVG图标的样式，比如大小和颜色。例如，`<svg-icon icon-class="tree" className="需要修改的样式" />`。 3. 配置`vue.config.js`文件，添加以下代码片段到`chainWebpack`方法中： ```javascript chainWebpack(config) { config.module .rule('svg') .exclude.add(resolve('src/icons')) // 注意svg的存储地址 .end() config.module .rule('icons') .test(/\.svg$/) .include.add(resolve('src/icons')) // 注意svg的存储地址 .end() .use('svg-sprite-loader') .loader('svg-sprite-loader') .options({ symbolId: 'icon-[name]' }) .end() } ``` 这段代码的作用是配置Webpack，使其能够正确地加载和处理SVG图标。其中，`exclude`和`include`方法用于指定SVG图标文件的存放地址，`svg-sprite-loader`用于加载和处理SVG图标文件，并通过`symbolId`选项设置图标的ID。 通过以上配置，你就可以在Vue项目中使用SVG矢量图了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue中如何使用svg](https://blog.csdn.net/weixin_47909202/article/details/123015710)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值