Vector语法简介
Path指令解析如下所示:
-
支持的指令:
-
M = moveto(M X,Y) :将画笔移动到指定的坐标位置
-
L = lineto(L X,Y) :画直线到指定的坐标位置、
-
H = horizontal lineto(H X):画水平线到指定的X坐标位置
-
V = vertical lineto(V Y):画垂直线到指定的Y坐标位置
-
C = curveto(C X1,Y1,X2,Y2,ENDX,ENDY):三次贝赛曲线
-
S = smooth curveto(S X2,Y2,ENDX,ENDY)
-
Q = quadratic Belzier curve(Q X,Y,ENDX,ENDY):二次贝赛曲线
-
T = smooth quadratic Belzier curveto(T ENDX,ENDY):映射
-
A = elliptical Arc(A RX,RY,XROTATION,FLAG1,FLAG2,X,Y):弧线
-
Z = closepath():关闭路径
-
使用原则:
-
坐标轴为以(0,0)为中心,X轴水平向右,Y轴水平向下
-
所有指令大小写均可。大写绝对定位,参照全局坐标系;小写相对定位,参照父容器坐标系
-
指令和数据间的空格可以省略
-
同一指令出现多次可以只用一个
注意,'M’处理时,只是移动了画笔, 没有画任何东西。 它也可以在后面给出上同时绘制不连续线。
AS生成vector,使用as系统图标
在androidStudio其实已经有很多系统使用的图标了,我们在使用时其实可以不用UI再次进行切图,直接使用就是了!
- 使用步骤:File->New->Vector Asset;(如果选择Image Assets导出的是PNG格式图片)
- 然后选择Material Icon,然后点击小机器人
- 这里有所有的系统图片,选择你想用的就好了
- 例如我使用的是一个五角星,显示效果如下:
mImageview.setImageResource(R.drawable.ic_star_black_24dp);
使用外部SVG(PSD)导入vector
-
File->New->Vector Asset;(如上图,这里不再给图)
-
然后选择Local file,然后选择path
- 兼容anroid5.0以下
在app的build.glide中
android {
defaultConfig {
vectorDrawables.useSupportLibrary = true
}
}
在Application中
/**
- 兼容5.0以下系统
*/
static {
/获取当前系统的android版本号/
int currentapiVersion = android.os.Build.VERSION.SDK_INT;
if (currentapiVersion < 21)//适配android5.0以下
AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);
}
- AppCompat23.2的兼容
从AppCompat23.2开始,Google开始支持在低版本上使用Vector。
implementation ‘com.android.support:appcompat-v7:26.1.0’
- 在控件中使用
对于ImageView这样的控件,要兼容Vector图像,只需要将之前的android:src属性,换成app:srcCompat即可
<ImageView
android:id=“@+id/imageview”
app:layout_heightPercent=“50%”
app:layout_widthPercent=“100%”
app:srcCompat=“@drawable/ic_icon_one” />
在代码中设置:
mImageview.setImageResource(R.drawable.ic_icon_one);
在TextView中使用:
因此Textview(包括Butten等控件)中使用Vector只能使用代码设置:
mTextview = (TextView) findViewById(R.id.textview);
mTextview.setBackgroundResource(R.drawable.ic_icon_one);
Vector在布局选择器中的使用
- 首先构建两个Vector
vector1.xml
<vector xmlns:android=“http://schemas.android.com/apk/res/android”
android:width=“24dp”
android:height=“24dp”
android:viewportHeight=“24.0”
android:viewportWidth=“24.0”>
<path
android:fillColor=“#FF000000”
android:pathData=“M14.59,8L12,10.59 9.41,8 8,9.41 10.59,12 8,14.59 9.41,16 12,13.41 14.59,16 16,14.59 13.41,12 16,9.41 14.59,8zM12,2C6.47,2 2,6.47 2,12s4.47,10 10,10 10,-4.47 10,-10S17.53,2 12,2zM12,20c-4.41,0 -8,-3.59 -8,-8s3.59,-8 8,-8 8,3.59 8,8 -3.59,8 -8,8z” />
vector2.xml
<vector xmlns:android=“http://schemas.android.com/apk/res/android”
android:width=“24dp”
android:height=“24dp”
android:viewportHeight=“24.0”
android:viewportWidth=“24.0”>
<path
android:fillColor=“#fa0303”
android:pathData=“M14.59,8L12,10.59 9.41,8 8,9.41 10.59,12 8,14.59 9.41,16 12,13.41 14.59,16 16,14.59 13.41,12 16,9.41 14.59,8zM12,2C6.47,2 2,6.47 2,12s4.47,10 10,10 10,-4.47 10,-10S17.53,2 12,2zM12,20c-4.41,0 -8,-3.59 -8,-8s3.59,-8 8,-8 8,3.59 8,8 -3.59,8 -8,8z” />
- 创建选择器
selector.xml
<?xml version="1.0" encoding="utf-8"?>- 使用选择器
<android.support.percent.PercentFrameLayout xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
tools:context=“tsou.com.simple.mytestdemo.SVGButtenActivity”>
<Button
android:id=“@+id/butten”
android:layout_width=“100dp”
android:layout_height=“100dp”
android:layout_gravity=“center”
android:background=“@drawable/selector” />
<RadioButton
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_margin=“10dp”
android:button=“@drawable/selector”
android:text=“我是RadioButton” />
</android.support.percent.PercentFrameLayout>
动态Vector(使用Vector实现动画)
- 使用Vector构建动画内容
<vector xmlns:android=“http://schemas.android.com/apk/res/android”
android:width=“120dp”
android:height=“120dp”
android:viewportHeight=“24.0”
android:viewportWidth=“24.0”>
## 最后自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。**
[外链图片转存中…(img-ovyvHvui-1715027995880)]
[外链图片转存中…(img-ZyecZhu2-1715027995881)]
[外链图片转存中…(img-9LRAVxH7-1715027995881)]
[外链图片转存中…(img-gUTfHVd7-1715027995881)]
[外链图片转存中…(img-77fIS1F0-1715027995882)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!