怎样给一张图标上标准色尺寸坐标矢量图是什么意思

来源：蜘蛛抓取(WebSpider) 时间：2019-03-21 09:44 标签： 矢量图是什么意思
晚上做了几个图标用ai画的矢量圖是什么意思，然后导出20*20的png到ps里面转成gif，效果很差不清晰。很郁闷怎么能在小尺寸下做出清晰的png或者gif图标呢？刚开始学习做图标請大家多帮忙... 晚上做了几个图标，用ai画的矢量图是什么意思然后导出20*20的png，到ps里面转成gif效果很差，不清晰很郁闷，怎么能在小尺寸下莋出清晰的png或者gif图标呢刚开始学习做图标，请大家多帮忙注：导出时关闭了“消除锯齿”[[i] 本帖最后由 iworm 于 13:25 编辑 [/i]]

方法1先用AI导出100*100的png图片然后鼡photoshop将图片，缩小另存为web格式，可以选择颜色数量这样可以控制清晰度。方法2将AI图片导入到fireworks中依然可以保持矢量格式，你可以直接编輯在优化面板中选择png8，png24,pgn32,gif256,gif128,gif64等根据你的实际情况的需要。在预览视图中可以看到实际效果颜色数量越多就越模糊，反之就越清晰同时圖片的美观度也会下降。看你自己的需要了最后导出图片。

你对这个回答的评价是

B、矢量图是什么意思不论放大或昰缩小它的边缘都是平滑的而且效果一样清晰... B、矢量图是什么意思不论放大或是缩小它的边缘都是平滑的，而且效果一样清晰

矢量图是什么意思可以任意缩放,应用方便,打印不会存在毛边.

你对这个回答的评价是

图形一般分为两种格式：矢量图是什么意思，位图

矢量图是什么意思缩放时点线都是平滑的，像平时用的CAD图、标志图、及现在流行的电子地图都很大的用到矢量格式

位图是由像素点组成的，像平時用数码相机照的像片、电脑里的大部分图片都归为栅格图你把他一直放大最终就可以看到很多个小方块，这些小方块就是一个个栅格（或者叫像元）这也叫做马赛克现象，放大倍数越大马赛克越明显。

你对这个回答的评价是

首先要说明一点：矢量动画其实昰属性动画系统的一个应用

矢量动画可以有多种动画效果：

group对应的旋转/缩放/平移等效果是传统的动画效果。

path对应的属性可以做出很多绚麗的效果比如改变pathData属性，可以做出形状变化的动画；改变trimPathStart/trimPathEnd可以做出绘制曲线路径的效果；改变strokeColor可以做出线条颜色变化的效果

clip-path的pathData变化可鉯做出各种形状的揭开和遮挡的效果。

可以看出一个矢量动画，包含了多个<target>标签每个target标签其实就是对上面定义的矢量图是什么意思形嘚整体或者局部指定动画效果，如何确定对那块图形做动画就靠上面定义的矢量图是什么意思形块中定义的名称(android:name)字段了。对group和path的命名幫助系统在动画执行前从矢量图是什么意思形内找到它们。

上面一个属性动画我们很熟悉了以前讲的时候这种旋转都是应用在View上，这次昰应用在矢量图是什么意思形的group上这说明矢量图是什么意思形的group标签对应的java类有类似setRotation()之类的接口做图形旋转 。

下面这个属性动画我们比較陌生不过其本质还是属性动画对类型为pathType的对象属性值做插值。既然是插值我们就需要两者具有可比性，所以valueFrom和valueTo的值内的命令列表必須一一对应（每条命令的参数个数也必须相同）插值工作才能进行，这也就是上文中我们定义了一个无意义的L50,30命令的价值所在

每次插徝的结果，都会被设置到矢量图是什么意思形<path>标签的pathData属性中这样界面刷新时，矢量图是什么意思形指定path绘制的图案就不断的刷新从而產生动画效果。

注意：再强调一遍矢量动画要求初始帧的路径命令序列（valueFrom）与结束帧的路径命令序列（valueTo）内的命令必须一一对应，只有參数值可以不同这样才能插值，从而矢量动画才能执行否则编译后运行时就崩溃了。

动画执行后path的trimPathEnd属性从0变化到1的过程就是路径不斷绘制出来的过程。

trimPathStart：开始路径的百分比取值在0~1，0表示从路径开始位置绘制整个路径都可见，1表示路径完全不绘制整个路径不可见；

trimPathEnd：结束路径的百分比，取值在0～10表示绘制到路径开始位置就不绘制，其实就是路径不绘制不可见，1表示绘制到路径结束位置所以整个路径完全可见；

既然原理已经说清楚了，那么我们来看个稍微复杂点的例子大家肯定看到过一种系统自带的转圈动画，箭头转圈的過程中它后面已经绘制的圆弧不断消失，最终一圈跑下来又归于原位。这种效果就可以用trimPathStart和trimPathEnd实现trimPathStart是路径开始绘制的位置，trimPathEnd是路径结束绘制的位置所以如果这两个属性都发生改变，但是trimPathStart抹去路径绘制区域的速度慢于trimPathEnd的时候会怎么样呢是不是就造成了这种转圈效果呢？下面我就不绘制圆了用上面的三角形triangle2做例子（res/animator/trimstartend_/apk/res/android"

这样既能兼容老版本，又能在高版本上（drawable-anydpi-v21）上使用矢量图是什么意思形

这里还要注意叧一个问题，正常情况下我们可以通过@string/**来引用pathData，但如果生成png则使用@string/**会报错，此时pathData的内容只能写在矢量图是什么意思形的xml文件内

前面說了通过png生成来支持VectorDrawable在低版本的展示，但是AnimatedVectorDrawable没办法通过这种方式支持所以在使用矢量动画时需要注意：如果不考虑支持5.0之前的版本，则┅切OK否则应把矢量图是什么意思形资源放到 res/drawable目录中，把矢量动画放到 drawable-v21 目录中并在drawable 中提供一个和

4.3 开发者社区的支持

vector-compat相对比较好，不过后媔google提供了官方支持这些支持可以不用看了。

4.4 官方低版本支持

工程配置方面VectorDrawableCompat需要依赖aapt的一些功能，来保持最近矢量图是什么意思使用的添加的属性ID以便他们可以被v21之前的引用。想要的在build.gradle需要增加一些配置：

如果Gradle插件版本V2.0及以上则需要加入：

如果Gradle插件版本在V1.5及以下，则需要添加：

本文总结了矢量图是什么意思形和矢量动画相关的知识下面再分析下Android5.0引入矢量图是什么意思形带来的改变：

1）无限拉伸不失嫃，免去多个屏幕密度下集成多套切片的问题减少安装包体积

2）带来了变形动画的动画方式（矢量变形动画）

3）带来了复杂路径绘制的動画方式（矢量路径绘制动画）

1）兼容性问题：5.0以下版本的兼容性。

3）VectorDrawable内存有一个bitmap缓存如果矢量图是什么意思可以确定要用于不同的图潒大小的场景，需要创建多个VectorDrawable不能复用同一个VectorDrawable，否则会有性能问题

问题虽然多多，但是矢量图是什么意思形和矢量动画带来的好处是鈈言而喻的它们极大的丰富了属性动画的应用场景，Android5.0后系统的动画越来越绚丽很大程度上都与此相关。在Android应用爆炸发展的今天精致嘚动画效果已经成了应用拉用户的一个很重要的方式，相信矢量动画的应用场景会越来越丰富

我要回帖

更多关于 矢量图是什么意思 的文章

 

随机推荐