CN107220067A

CN107220067A - 安卓系统下的可缩放矢量图形图片的加载方法和装置

Info

Publication number: CN107220067A
Application number: CN201710512797.7A
Authority: CN
Inventors: 黄银锋; 李琛
Original assignee: Guangzhou Youshi Network Technology Co Ltd
Current assignee: Alibaba China Co Ltd
Priority date: 2017-06-29
Filing date: 2017-06-29
Publication date: 2017-09-29

Abstract

本发明提供了一种安卓系统下的可缩放矢量图形图片的加载方法和装置。所述加载方法包括：从指定文件夹读取可缩放矢量图形数据；使用在Native层创建的解析方法对所读取的可缩放矢量图形数据进行解析；将解析的数据传输给Native层的Skia绘图引擎以绘制成bitmap数据；由应用层调用所述bitmap数据以执行对所读取的可缩放矢量图形图片的加载。

Description

安卓系统下的可缩放矢量图形图片的加载方法和装置

技术领域

本发明涉及图像处理技术领域，具体而言涉及一种安卓系统下的可缩放矢量图形图片的加载方法和装置。

背景技术

目前Android系统里使用的图标都是采用png(可移植网络图形格式)位图的形式存在的。使用位图的好处是加载速度快，但是缺点是：存在不同机型的智能终端的适配问题。尤其是采用Android系统的智能终端使用的屏幕分辨率类型多并且复杂，使用png位图形式的图标需要对不同分辨率分别进行适配，这造成了Android系统下的应用程序的包体过大、适配不完美等问题。为此，Google官方推出了VectorDrawable，增加对可缩放矢量图形(SVG)的支持，矢量图形的好处是放大不会失真，可以适应不同分辨率的屏幕。但是，Google的VectorDrawable同时存在以下的问题：研发工作人员需要增加一个步骤以便将SVG图片转成VectorDrawable，效率相对比较低，而且VectorDrawable是绘制时才加载成图片，这对运行性能影响相对比较大。

发明内容

本发明的目的在于提供一种安卓系统下的可缩放矢量图形图片的加载方法和装置，以改善上述问题。

本发明第一实施例提供了一种安卓系统下的可缩放矢量图形(SVG)图片的加载方法，其包括：

从指定文件夹读取可缩放矢量图形数据；

使用在Native层创建的解析方法对所读取的可缩放矢量图形数据进行解析；

将解析的数据传输给Native层的Skia绘图引擎以绘制成bitmap数据；

由应用层调用所述bitmap数据以执行对所读取的可缩放矢量图形图片的加载。

其中，所述指定文件夹是asset文件夹。

其中，使用原生开发工具包NDK在Native层创建所述解析方法。

其中，所述应用层是Java层。

其中，所述应用层采用JAVA本地接口方式调用所述bitmap数据。

本发明第二实施例提供了一种安卓系统下的可缩放矢量图形图片的加载装置，其包括：

位于应用层的图片数据读取和传送模块、位于Native层的解析模块、位于Native层的Skia绘图引擎模块、和位于应用层的加载模块，其中：

所述图片数据读取和传送模块用于从指定文件夹读取可缩放矢量图形数据并将其传送到位于Native层的解析模块；

所述解析模块用于对接收的所述可缩放矢量图形数据进行解析并且将解析的数据传输给Native层的Skia绘图引擎；

所述Skia绘图引擎模块用于将接收的解析数据绘制成bitmap数据；

所述加载模块用于调用所述bitmap数据以执行对所读取的可缩放矢量图形图片的加载。

其中，所述指定文件夹是asset文件夹。

其中，所述应用层是Java层。

其中，所述加载模块采用JAVA本地接口方式调用所述bitmap数据。

本发明第三实施例提供了一种存储设备，其中存储有多条指令，所述指令适于由处理器加载并执行第一实施例所述的方法。

本发明提供的在安卓系统下的可缩放矢量图形(SVG)图片的加载方法和装置采用了在Android系统的底层(Native层)对可缩放矢量图形(SVG)数据进行解析和绘制的方案，利用了底层执行效率高的特点，可以解决了在应用层对SVG图片进行解析和绘制过程的效率低下、导致整体绘制过程比位图慢的问题，从而实现使用SVG图片代替传统的png图片，解决了采用png图片所带来的屏幕分辨率的适配问题。

附图说明

图1是本发明第一实施例的一种安卓系统下的SVG图片的加载方法的流程图；

图2是本发明第二实施例的一种安卓系统下的SVG图片的加载装置的示意性框图。

具体实施方式

下面将结合本发明实施例和附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

图1是本发明第一实施例提供的一种安卓系统下的SVG图片的加载方法的流程图。如图1所示，本发明提供的安卓系统下的SVG图片的加载方法包括：

S1：从指定文件夹读取可缩放矢量图形数据。

在安卓系统里，用一个专门存放图片资源的文件夹，其不会被二进制编译以保证所存放的图片资源可以被正常读取，该文件夹的名称是asset，因此这里所述指定文件夹是asset文件夹。所需要的可缩放矢量图形(SVG)图片资源也是存放在该asset文件夹里。具体的读取方法是本领域的常规技术手段，例如通过使用getAssets()来读取asset文件夹里存放的SVG图片资源。SVG图形是矢量图形，相对于普通的Png像素图形，SVG图形是基于矢量来表示图像的几何基元(形状、点、线条和多边形)，例如一个圆，SVG图形需要描述其位置(x，y)和半径R。

S2：使用在Native层创建的解析方法对所读取的可缩放矢量图形(SVG)数据进行解析。

在读取出可缩放矢量图形(SVG)数据后，需要对该可缩放矢量图形(SVG)数据进行解析。本发明采用的方法是将读取的可缩放矢量图形(SVG)数据传送到Native层，由在Native层创建的解析方法对所读取的可缩放矢量图形(SVG)数据进行解析。注意，这里使用的解析方法为本领域常用的公知解析方法。

众所周知，Native层即原生层，是安卓系统的底层，在Native层编写的代码由机器直接编译，不用经过虚拟机去执行，其效率会比较高。本发明就是使用安卓系统的原生开发工具包(Android NDK)在Native层使用C或C++语言编写解析SVG数据的代码。简言之，使用原生开发工具包NDK在Native层创建所述解析方法。

简单说，先使用原生开发工具包NDK在Native层创建用于解析SVG数据的方法。从指定文件夹里读取出的SVG数据本身就是一个数据流，将该数据流直接当作参数传给在Native层创建的解析方法来进行解析。

例如，一个圆形的SVG图形的描述是：<circle cx＝"100"cy＝"50"r＝"40"stroke＝"#000000"stroke-width＝"2"fill＝"#ee0000"/>。在Native层对这些数据流进行解析后，会形成用于绘制位图所需要的元素位置(100,50)，半径R＝40，描边是颜色#000000，圆的颜色为#ee0000等信息。

S3：将解析的数据传输给Native层的Skia绘图引擎以绘制成bitmap数据。

Skia绘图引擎是Native层的图片绘制工具，通过直接调用Skia绘图引擎进行图片绘制，这会减少从上而下的调用层级，提高工作效率。而使用Skia绘图引擎绘制成的所述位图数据是bitmap(位图文件)类，即位图文件数据。

以上一步的例子来继续说明绘制，将解析出的圆的信息：位置(100,50)，半径R＝40，描边是颜色#000000，圆的颜色为#ee0000等传给Skia绘图引擎，通过该Skia绘图引擎提供的圆形绘制方法SkCanvas.drawCircle(100,50,40)，画笔颜色为#ee0000，描边颜色为#000000，该Skia绘图引擎能够绘制成该圆形的bitmap数据。

关于Skia绘图引擎的使用方法是本领域技术人员熟知的技能，使用Skia绘图引擎来绘制图片为常规技术手段，这里不再具体描述。

S4：由应用层调用所述bitmap数据以执行对所读取的可缩放矢量图形(SVG)图片的加载。

在安卓系统里，所述应用层是Java层。但Java层(上层)要调用Native层(底层)的数据时，通过Java的JAVA本地接口(JNI)来完成。JNI(Java Native Interface)是Java语言提供的Java和C/C++相互沟通的接口，Java可以通过JNI调用本地的C/C++代码。这样，应用层通过JNI机制就可以调用在Native层生成的bitmap数据以执行对所读取的SVG图片的加载。

当需要加载存放在指定文件夹里的选中的SVG图片时，使用本发明提供的加载方法，其流程是：将存放在文件名为asset的指定文件夹里的所选中的SVG图片资源数据读取出，在Native层(底层)对其进行解析和绘制，生成对应的bitmap数据，再由Java层使用所述生成的bitmap数据，这样实现了对选中的SVG图片的加载。

另外，在一个优选实施例中，如果所选中的SVG图片是需要经常使用的，则Java层可以将所生成的对应的bitmap数据缓存起来，这会避免多次执行解析和绘制的操作。

本发明提供的在安卓系统下的SVG图片的加载方法采用了在Android系统的底层(Native层)对可缩放矢量图形(SVG)数据进行解析和绘制的方案，利用了底层执行效率高的特点，可以解决了在应用层对SVG图片进行解析和绘制过程的效率低下、导致整体绘制过程比位图慢的问题，从而实现使用SVG图片代替传统的png图片，解决了采用png图片所带来的屏幕分辨率的适配问题。

图2是本发明第二实施例的一种安卓系统下的SVG图片的加载装置的示意性框图。如图2所示，本发明提供的所述安卓系统下的SVG图片的加载装置包括：

所述图片数据读取和传送模块用于从指定文件夹读取可缩放矢量图形(SVG)数据并将其传送到位于Native层的解析模块；

所述解析模块用于对接收的所述可缩放矢量图形(SVG)数据进行解析并且将解析的数据传输给Native层的Skia绘图引擎；

所述加载模块用于调用所述bitmap数据以执行对所读取的可缩放矢量图形(SVG)图片的加载。

其中，所述指定文件夹是asset文件夹。

其中，所述解析模块执行的解析方法是使用原生开发工具包开发的。

其中，所述应用层是Java层。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置的具体工作过程，可以参考前述第一实施例描述的实施方法的对应过程，前述第一实施例中列举的例子和相关描述，同样适用于解释装置的工作过程，在此不再重复描述。

本发明提供的在安卓系统下的SVG图片的加载装置采用了在Android系统的底层(Native层)对可缩放矢量图形(SVG)数据进行解析和绘制的方案，利用了底层执行效率高的特点，可以解决了在应用层对SVG图片进行解析和绘制过程的效率低下、导致整体绘制过程比位图慢的问题，从而实现使用SVG图片代替传统的png图片，解决了采用png图片所带来的屏幕分辨率的适配问题。

本发明实施例所提供的SVG图片的加载方法的计算机程序产品，包括存储了程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行前面方法实施例中所述的方法，具体实现可参见方法实施例，在此不再赘述。

为此，本发明还提供了一种存储设备，其中存储有多条指令，所述指令适于由处理器加载并执行上述第一实施例及相应优选实施例所述的方法步骤。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是智能平板电脑，智能手机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM)、随机存取存储器(RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims

1.一种安卓系统下的可缩放矢量图片的加载方法，其包括：

从指定文件夹读取可缩放矢量图形数据；

2.根据权利要求1所述的方法，其特征在于所述指定文件夹是asset文件夹。

3.根据权利要求1所述的方法，其特征在于使用原生开发工具包在Native层创建所述解析方法。

4.根据权利要求1所述的方法，其特征在于所述应用层是Java层。

5.根据权利要求1所述的方法，其特征在于所述应用层采用JAVA本地接口方式调用所述bitmap数据。

6.一种安卓系统下的可缩放矢量图片的加载装置，其包括：

7.根据权利要求5所述的装置，其特征在于所述指定文件夹是asset文件夹。

8.根据权利要求5所述的装置，其特征在于所述应用层是Java层。

9.根据权利要求5所述的装置，其特征在于所述加载模块采用JAVA本地接口方式调用所述bitmap数据。

10.一种存储设备，其中存储有多条指令，所述指令适于由处理器加载并执行权利要求1-5之一所述的方法。