Android vector矢量图应用实例

在drawable文件夹下创建vector.xml文件

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"android:height="64dp"android:width="64dp"android:viewportHeight="100"android:viewportWidth="100"><pathandroid:fillColor="#000000"android:pathData="M25,0 l 50,50 -50,50Z"/></vector>

vector 标签下有android:width和android:height属性，这两个属性是必填的，定义矢量图形的绝对大小，虽然说是矢量图形随意缩放，但是不能说这里不定义宽高直接到要设置到的目标控件上定义控件的宽高，这样是不允许的，一定要设置这个绝对宽高，要不然会报错。

然后还有个android:viewportHeight和android:viewportWidth属性，这个是画布宽高，也是必填的，定义Path路径的时候就必须在这个画布大小里去绘制，超出画布就显示不出来了。

path标签android:fillColor属性定义绘制颜色，android:pathData定义绘制路径。

M25,0 l 50,50 -50,50Z这个路径表示：在100*100的画布内，先把绘制点移动到绝对坐标(25,0)这个点，然后画直线到(50,50)这个点，l指令是相对坐标，大写的L表示绝对坐标，那么l 50,50就是在原点(25,0)的x轴往前移50，往下移50，绝对坐标就是(75,50)，也就是三角形的右边那个点。
然后从(50,50)这个点绘制到三角形最下面那个点(-50,50)，这也是相对右边那个点相对坐标，也就是把(75,50)这个绝对坐标当作是原点(0,0),参作这个原点往后移动50再往下移动50，在整个画布中的绝对坐标就是(25，100)

Android vector矢量图应用实例相关推荐

Android Vector(矢量图)介绍
最近在做新项目的开发,很多地方要用到小图标,如状态栏图标,设置选项图标等,现在大多使用Vector图,因为Vector图片不会出现失真即模糊的情况,且节省内存,因为Vector只给出了绘制图片的方法, ...
【Android 安装包优化】Android 中使用 SVG 图片 ( SVG 矢量图简介 | Android 中生成 Vector 矢量图资源 )
文章目录一.SVG 矢量图简介二.Android 中生成 Vector 矢量图资源三.参考资料一.SVG 矢量图简介 Android SVG 参考文档 : https://developer. ...
Android——SVG图片转成安卓能用的vector矢量图
背景矢量图能不受显示范围大小的限制且不失真,不需要放多套PNG图片来做适配,能随意自己更改矢量图的大小而不再需要去求同事给新切图. 而我目前所在的公司出图放在蓝湖上,能选择下载PNG或SVG格式的图 ...
Android使用矢量图（SVG, VectorDrawable）实践篇
供自己学习的笔记原文链接:http://www.jianshu.com/p/0555b8c1d26a 前言本文是以读者对SVG有一定了解为前提的,否则请先百(谷)度(歌)了解下. 实践都是从坑里爬 ...
android绘制矢量图_Android矢量可绘制对象
android绘制矢量图 Everything about Vector Assets in Android 关于Android中的矢量资产的一切介绍 (Introduction) In the b ...
[译] 绘制路径：Android 中矢量图渲染
原文地址:Draw a Path: Rendering Android VectorDrawables 原文作者:Nick Butcher 译文出自:掘金翻译计划本文永久链接:github.com/ ...
android绘制矢量图_Android矢量可绘制
android绘制矢量图 In this tutorial, we'll be discussing Android Vector Drawable. Furthermore, we'll be im ...
Android svg矢量图实现心跳动画
文章目录将svg转化为xml文件给每个path设置动画要实现的效果如下: 将svg转化为xml文件阿里巴巴矢量图标库iconfont:https://www.iconfont.cn/ 我们需要 ...
Android VectorDrawable 矢量图+属性动画使用总结
代码已经同步到GitHub 然后看一下效果图: 前两个图标是让android的组件使用VectorDrawable 后面的是动画效果后面会详细介绍. 什么是VectorDrawable Vector ...

Android vector矢量图应用实例

在drawable文件夹下创建vector.xml文件

Android vector矢量图应用实例相关推荐

最新文章

热门文章