Android-高级-UI-进阶之路-(七)-SVG-基础使用-+-绘制中国地图

本文详细介绍了如何在Android中使用SVG图像,包括SVG的基础使用、如何制作SVG图像、Android中引入SVG的方法。通过实例展示了如何进行动态SVG动画,如输入搜索动画、警车灯闪烁等,提供了从SVG到Android vector图像的转换方法,并讲解了animated-vector的使用技巧。
摘要由CSDN通过智能技术生成





它定义的图像如下所示:

上面水滴形状就是呈现出来的对应的图像,在这段代码中,首先使用 vector 标签来指定这是一幅 SVG 图像,而它有下面几个属性。

  • width/height : 表示该 SVG 宽高
  • viewportHeight/viewportWidth: 表示 SVG 图形划分的比例

path 标签

常用属性

标签名称 说明
android:name 声明一个标记,类似于 ID ,便于对其做动画的时候顺利地找到该节点
android:pathData 对 SVG 矢量图的描述
android:strokeWidth 画笔的宽度
android:fillColor 填充颜色
android:fillAlpha 填充颜色的透明度
android:strokeColor 描边颜色
android:strokeWidth 描边宽度
android:strokeAlpha 描边透明度
android:strokeLineJoin 用于指定折线拐角形状,取值有 miter (结合处为锐角)、round(结合处为圆弧)、bevel(结合处为直线)
android:strokeLineCap 画出线条的终点的形状(线帽),取值有 butt(无限帽) 、round (圆形线帽)、square(方形线帽)
android:strokeMiterLimit 设置斜角的上限

android:trimPathStart 属性

该属性用于指定路径从哪里开始,取值 0 ~ 1,表示路径开始位置的百分比。当取值为 0 时,表示从头部开始;当取值为 1 时,整条路径不可见。

android:trimPathEnd 属性

该属性用于指定路径的结束位置,取值为 0 ~ 1 ,表示路径结束位置的百分比。当取值为 1 时,路径正常结束;当取值为 0 时,表示从头开始位置就已经结束了,整条路径不可见。

android:trimPathOffset 属性

该属性用于指定结果路径的位移距离,取值为 0 ~ 1 。当取值为 0 时,不进行位移;当取值为 1 时,位移整条路径的长度。

android:pathData 属性

在 path 标签中,主要通过 pathData 属性来指定 SVG 图像的显示内容。而 pathData 属性初 M 和 L 指令以外,还有更多的指定。

指令 对应 说明
M moveto(M x,y) 将画笔移动到指定的地方
L lineto(L X,Y) 画直线到指定的坐标位置
H Horizontal lineto(H X) 画水平线到指定的 X 坐
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值