Android使用Vector进行适配和瘦身

  • 指令和数据间的空格可以省略

  • 同一指令出现多次可以只用一个

注意,'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"?>
  • 使用选择器
<?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”>

<path

android:fillColor=“#FF000000”

android:pathData=“M9.01,14L2,14v2h7.01v3L13,15l-3.99,-4v3”/>

<path

android:fillColor=“#FF000000”

android:pathData=“M14.99,13v-3L22,10L22,8h-7.01L14.99,5L11,9l3.99,4”/>

可以发现,这里的Vector图像比之前我们看见的要多了一个group标签。group标签的作用有两个:

对Path进行分组,由于我们后面需要针对Path进行动画,所以可以让具有同样动画效果的Path在同一个Group中;

拓展动画效果,单个的path标签是没有translateX和translateY属性的,因此无法使用属性动画来控制path translateY,而group标签是有的,所以我们需要先将相关的path标签元素包裹在一个个的group标签中.

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

重要知识点

下面是有几位Android行业大佬对应上方技术点整理的一些进阶资料。

高级进阶篇——高级UI,自定义View(部分展示)

UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训,学会这小块知识就能随便找到不错的工作了。不过很显然现在远远不够了,拒绝无休止的CV,亲自去项目实战,读源码,研究原理吧!

  • 面试题部分合集

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

2024/03/13/H4lCoPEF.jpg" />

重要知识点

下面是有几位Android行业大佬对应上方技术点整理的一些进阶资料。

[外链图片转存中…(img-sH813PKt-1713230659650)]

高级进阶篇——高级UI,自定义View(部分展示)

UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训,学会这小块知识就能随便找到不错的工作了。不过很显然现在远远不够了,拒绝无休止的CV,亲自去项目实战,读源码,研究原理吧!

[外链图片转存中…(img-6Dyy5IQl-1713230659652)]

  • 面试题部分合集
    [外链图片转存中…(img-swTnDMkC-1713230659653)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值