深入解析如何在Android应用中高效实现SVG图像支持提升应用性能与用户体验

1. SVG图像基础及其在Android开发中的重要性

1.1 SVG概述

SVG（Scalable Vector Graphics，可缩放矢量图形）是一种基于XML的矢量图像格式。与传统的位图（如PNG、JPEG）不同，SVG图像使用几何形状、路径和文本描述图像，这使得它们可以无限缩放而不失真。SVG文件通常比同等质量的位图文件小，这使得它们在移动应用开发中特别有价值。

1.2 SVG在Android开发中的优势

在Android应用开发中，使用SVG图像有以下几个显著优势：

资源占用小：SVG文件通常比PNG或JPEG文件小，特别是在处理简单图形和图标时。
完美适应不同屏幕：由于SVG是矢量格式，它可以在任何分辨率下保持清晰，无需为不同屏幕密度提供多个资源版本。
动态修改：SVG图像可以通过代码动态修改颜色、大小和其他属性，无需准备多个资源文件。
动画支持：SVG支持动画，可以创建复杂的交互式图形。
减少APK大小：使用SVG可以显著减少APK的大小，因为不需要为不同屏幕密度提供多套资源。

1.3 Android对SVG的支持历史

Android平台对SVG的支持经历了一个演变过程：

早期版本（Android 4.x及之前）：Android原生不支持SVG，开发者需要使用第三方库或将SVG转换为其他格式。
Android 5.0（Lollipop）：引入了VectorDrawable，这是Android对SVG的类似实现。
Android Studio 1.4：开始支持Vector Asset Studio，可以方便地导入SVG文件并转换为VectorDrawable。
Android 7.0（Nougat）及更高版本：对VectorDrawable的支持更加完善，性能也得到了提升。

2. Android中实现SVG图像支持的方法

2.1 使用VectorDrawable

VectorDrawable是Android提供的原生SVG支持，它定义在XML中，可以描述矢量图形。下面是一个基本的VectorDrawable示例：

<!-- res/drawable/ic_android.xml --> <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="24dp" android:height="24dp" android:viewportWidth="24.0" android:viewportHeight="24.0"> <path android:fillColor="#FF000000" android:pathData="M6,18c0,0.55 0.45,1 1,1h1v3.5c0,0.83 0.67,1.5 1.5,1.5s1.5,-0.67 1.5,-1.5V19h2v3.5c0,0.83 0.67,1.5 1.5,1.5s1.5,-0.67 1.5,-1.5V19h1c0.55,0 1,-0.45 1,-1V8H6v10zM3.5,8C2.67,8 2,8.67 2,9.5v7c0,0.83 0.67,1.5 1.5,1.5S5,17.33 5,16.5v-7C5,8.67 4.33,8 3.5,8zM20.5,8c-0.83,0 -1.5,0.67 -1.5,1.5v7c0,0.83 0.67,1.5 1.5,1.5s1.5,-0.67 1.5,-1.5v-7C22,8.67 21.33,8 20.5,8z"/> </vector>

要在布局中使用这个VectorDrawable，可以像使用任何其他drawable一样引用它：

<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_android" />

2.2 使用Android Studio的Vector Asset Studio

Android Studio提供了一个名为Vector Asset Studio的工具，可以方便地将SVG文件转换为VectorDrawable。使用步骤如下：

在Android Studio中，右键点击res文件夹，选择New > Vector Asset。
在Vector Asset Studio中，可以选择使用本地SVG文件或Material Design图标。
选择文件后，可以调整大小、不透明度和颜色等属性。
点击Next，然后点击Finish，Android Studio会自动生成VectorDrawable XML文件。

2.3 使用第三方库

虽然Android原生支持VectorDrawable，但有时可能需要更完整的SVG支持。以下是一些流行的第三方库：

2.3.1 AndroidSVG

AndroidSVG是一个功能完整的SVG渲染库，支持SVG的大部分特性。使用方法如下：

首先，添加依赖：

implementation 'com.caverock:androidsvg:1.4'

然后，在代码中使用：

// 从资源加载SVG SVG svg = SVG.getFromResource(getResources(), R.raw.some_image); // 创建ImageView并设置SVG ImageView imageView = findViewById(R.id.image_view); imageView.setLayerType(View.LAYER_TYPE_SOFTWARE, null); // 对于复杂SVG可能需要 imageView.setImageDrawable(new PictureDrawable(svg.renderToPicture()));

2.3.2 svg-android

svg-android是另一个流行的SVG库，使用方法如下：

添加依赖：

implementation 'com.github.bumptech.glide:svg-android:1.4'

使用示例：

// 从资源加载SVG SVG svg = SVGParser.getSVGFromResource(getResources(), R.raw.some_image); // 创建ImageView并设置SVG ImageView imageView = findViewById(R.id.image_view); imageView.setImageDrawable(svg.createPictureDrawable());

2.4 动态生成SVG

有时，你可能需要动态生成SVG图像。这可以通过构建SVG字符串并使用第三方库来渲染：

public String createDynamicSvg() { return "<svg xmlns="http://www.w3.org/2000/svg" " + "width="100" height="100" viewBox="0 0 100 100">" + "<circle cx="50" cy="50" r="40" " + "stroke="green" stroke-width="4" fill="yellow" />" + "</svg>"; } // 使用AndroidSVG渲染动态生成的SVG public void renderDynamicSvg() { String svgContent = createDynamicSvg(); try { SVG svg = SVG.getFromString(svgContent); ImageView imageView = findViewById(R.id.image_view); imageView.setLayerType(View.LAYER_TYPE_SOFTWARE, null); imageView.setImageDrawable(new PictureDrawable(svg.renderToPicture())); } catch (SVGParseException e) { e.printStackTrace(); } }

3. 高效使用SVG图像提升应用性能

3.1 减少APK大小

使用SVG图像可以显著减少APK大小，特别是对于图标和简单图形。以下是一些优化策略：

3.1.1 使用VectorDrawable替代PNG

传统上，Android应用需要为不同屏幕密度提供多套PNG资源（mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi）。使用VectorDrawable，只需要一个XML文件即可适应所有屏幕密度。

例如，一个简单的图标可能需要以下PNG资源：

ic_launcher.png (48x48 px, mdpi)
ic_launcher.png (72x72 px, hdpi)
ic_launcher.png (96x96 px, xhdpi)
ic_launcher.png (144x144 px, xxhdpi)
ic_launcher.png (192x192 px, xxxhdpi)

这些文件的总大小可能达到50KB或更多。而等效的VectorDrawable可能只有2-3KB。

3.1.2 使用WebP格式

对于复杂图像，如果SVG不适用，可以考虑使用WebP格式，它提供了比PNG更好的压缩率：

<!-- res/drawable/image.xml --> <?xml version="1.0" encoding="utf-8"?> <bitmap xmlns:android="http://schemas.android.com/apk/res/android" android:src="@drawable/image.webp" android:antialias="true" android:dither="true" />

3.1.3 启用资源压缩

在build.gradle中启用资源压缩，可以进一步减少APK大小：

android { ... buildTypes { release { ... crunchPngs true // 启用PNG优化 } } }

3.2 优化渲染性能

虽然SVG图像有很多优势，但不当使用可能导致性能问题。以下是一些优化策略：

3.2.1 使用硬件加速

Android 5.0及以上版本默认启用硬件加速，这可以显著提高VectorDrawable的渲染性能。确保你的应用没有禁用硬件加速：

<!-- 在AndroidManifest.xml中 --> <application android:hardwareAccelerated="true" ... > ... </application>

3.2.2 简化SVG路径

复杂的SVG路径可能导致渲染性能下降。在将SVG转换为VectorDrawable之前，尽量简化路径：

<!-- 复杂路径 --> <path android:fillColor="#FF000000" android:pathData="M150,0 L75,200 L225,200 Z M50,250 L150,350 L250,250 Z"/> <!-- 简化后的路径 --> <path android:fillColor="#FF000000" android:pathData="M150,0 L75,200 L225,200 Z M50,250 L150,350 L250,250 Z"/>

3.2.3 避免过度使用SVG

对于非常复杂的图像，特别是照片或包含大量细节的图像，使用SVG可能不是最佳选择。在这种情况下，考虑使用PNG或WebP格式。

3.3 内存优化

SVG图像在渲染时可能会消耗较多内存，特别是在处理大型或复杂SVG时。以下是一些内存优化策略：

3.3.1 使用适当的尺寸

确保VectorDrawable的尺寸适合你的使用场景。过大的VectorDrawable会消耗更多内存：

<!-- 不适当的大尺寸 --> <vector android:width="512dp" android:height="512dp" ...> ... </vector> <!-- 适当的尺寸 --> <vector android:width="24dp" android:height="24dp" ...> ... </vector>

3.3.2 使用缓存

对于频繁使用的SVG图像，考虑使用缓存来减少重复渲染的开销：

public class SvgCache { private static final Map<Integer, Drawable> cache = new HashMap<>(); public static Drawable getSvgDrawable(Context context, int resId) { if (cache.containsKey(resId)) { return cache.get(resId); } try { SVG svg = SVG.getFromResource(context.getResources(), resId); Drawable drawable = new PictureDrawable(svg.renderToPicture()); cache.put(resId, drawable); return drawable; } catch (SVGParseException e) { e.printStackTrace(); return null; } } }

3.3.3 使用RecyclerView优化

在列表或网格中显示多个SVG图像时，使用RecyclerView并正确实现ViewHolder模式：

public class SvgAdapter extends RecyclerView.Adapter<SvgAdapter.ViewHolder> { private List<Integer> svgResources; private Map<Integer, Drawable> drawableCache = new HashMap<>(); public SvgAdapter(List<Integer> svgResources) { this.svgResources = svgResources; } @Override public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()) .inflate(R.layout.item_svg, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(ViewHolder holder, int position) { int resId = svgResources.get(position); if (!drawableCache.containsKey(resId)) { try { SVG svg = SVG.getFromResource(holder.itemView.getResources(), resId); drawableCache.put(resId, new PictureDrawable(svg.renderToPicture())); } catch (SVGParseException e) { e.printStackTrace(); } } holder.imageView.setImageDrawable(drawableCache.get(resId)); } @Override public int getItemCount() { return svgResources.size(); } public static class ViewHolder extends RecyclerView.ViewHolder { public ImageView imageView; public ViewHolder(View itemView) { super(itemView); imageView = itemView.findViewById(R.id.image_view); } } }

4. 使用SVG图像提升用户体验

4.1 自适应UI设计

SVG图像可以轻松适应不同屏幕尺寸和方向，提供更好的用户体验：

<!-- 在不同屏幕尺寸上自适应的SVG --> <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="24dp" android:height="24dp" android:viewportWidth="24.0" android:viewportHeight="24.0"> <path android:fillColor="#FF000000" android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM13,17h-2v-6h2v6zM13,9h-2V7h2V9z"/> </vector>

4.2 动态主题切换

SVG图像可以轻松适应不同的主题和颜色方案，提供更一致的用户体验：

public void updateThemeColor(int color) { // 获取VectorDrawable VectorDrawable vectorDrawable = (VectorDrawable) ContextCompat.getDrawable(this, R.drawable.ic_android); // 创建一个可变的Drawable vectorDrawable = (VectorDrawable) vectorDrawable.mutate(); // 应用颜色滤镜 vectorDrawable.setColorFilter(new PorterDuffColorFilter(color, PorterDuff.Mode.SRC_IN)); // 设置到ImageView imageView.setImageDrawable(vectorDrawable); }

4.3 交互动画

SVG图像支持动画，可以创建更丰富的用户交互体验：

<!-- res/drawable/animated_vector.xml --> <animated-vector xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/vector_drawable"> <target android:name="rotationGroup" android:animation="@animator/rotation" /> <target android:name="path" android:animation="@animator/path_morph" /> </animated-vector>

<!-- res/animator/rotation.xml --> <objectAnimator android:duration="1000" android:propertyName="rotation" android:valueFrom="0" android:valueTo="360" />

<!-- res/animator/path_morph.xml --> <set xmlns:android="http://schemas.android.com/apk/res/android"> <objectAnimator android:duration="1000" android:propertyName="pathData" android:valueFrom="M300,70 l 0,-70 70,70 -70,70 z" android:valueTo="M300,70 l 0,-70 70,0 0,140 -70,0 z" android:valueType="pathType" /> </set>

在代码中启动动画：

ImageView imageView = findViewById(R.id.image_view); AnimatedVectorDrawable animatedVectorDrawable = (AnimatedVectorDrawable) ContextCompat.getDrawable(this, R.drawable.animated_vector); imageView.setImageDrawable(animatedVectorDrawable); animatedVectorDrawable.start();

4.4 响应式设计

SVG图像可以根据用户交互动态改变，提供更直观的反馈：

public void setupInteractiveSvg() { ImageView imageView = findViewById(R.id.image_view); final VectorDrawable vectorDrawable = (VectorDrawable) ContextCompat.getDrawable(this, R.drawable.ic_android); imageView.setImageDrawable(vectorDrawable); imageView.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: // 按下时改变颜色 vectorDrawable.setColorFilter(new PorterDuffColorFilter(Color.RED, PorterDuff.Mode.SRC_IN)); break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: // 释放时恢复颜色 vectorDrawable.setColorFilter(null); break; } return true; } }); }

5. 最佳实践和案例研究

5.1 最佳实践

5.1.1 选择合适的SVG使用场景

SVG最适合以下场景：

图标和简单图形
需要动态修改的图像
需要适应不同屏幕尺寸的图像
需要动画效果的图像

对于复杂图像，特别是照片，应考虑使用PNG或WebP格式。

5.1.2 优化SVG文件

在将SVG文件导入Android项目之前，使用工具如SVGO（https://github.com/svg/svgo）优化SVG文件：

# 安装SVGO npm install -g svgo # 优化SVG文件 svgo input.svg -o output.svg

5.1.3 使用VectorDrawable兼容性支持

为了在Android 5.0之前的设备上使用VectorDrawable，添加以下配置到build.gradle：

android { defaultConfig { vectorDrawables.useSupportLibrary = true } }

并在Application类中添加：

public class MyApplication extends Application { @Override public void onCreate() { super.onCreate(); AppCompatDelegate.setCompatVectorFromResourcesEnabled(true); } }

5.2 案例研究

5.2.1 案例1：图标库优化

一个社交应用需要显示大量用户状态图标。最初，应用使用PNG格式，为不同屏幕密度提供了多套资源，总大小约为2MB。

通过将所有图标转换为VectorDrawable，应用只需要一套资源，总大小减少到约200KB，减少了90%的空间占用。此外，图标在任何屏幕上都保持清晰，用户体验得到显著提升。

实现代码：

public class IconUtils { private static final Map<Integer, Drawable> iconCache = new HashMap<>(); public static Drawable getStatusIcon(Context context, int statusType) { int resId = getStatusResId(statusType); if (iconCache.containsKey(resId)) { return iconCache.get(resId); } Drawable drawable = AppCompatResources.getDrawable(context, resId); iconCache.put(resId, drawable); return drawable; } private static int getStatusResId(int statusType) { switch (statusType) { case STATUS_ONLINE: return R.drawable.ic_status_online; case STATUS_OFFLINE: return R.drawable.ic_status_offline; case STATUS_BUSY: return R.drawable.ic_status_busy; default: return R.drawable.ic_status_unknown; } } }

5.2.2 案例2：动态主题切换

一个新闻阅读应用允许用户自定义主题颜色。最初，应用需要为每个主题准备多套PNG资源，导致APK大小显著增加。

通过使用VectorDrawable并动态应用颜色滤镜，应用只需要一套图标资源，可以根据用户选择的主题动态改变颜色。这不仅减少了APK大小，还提供了更灵活的主题定制选项。

实现代码：

public class ThemeManager { private static ThemeManager instance; private int currentPrimaryColor; private int currentAccentColor; private ThemeManager() { // 默认主题颜色 currentPrimaryColor = Color.BLUE; currentAccentColor = Color.RED; } public static ThemeManager getInstance() { if (instance == null) { instance = new ThemeManager(); } return instance; } public void setThemeColors(int primaryColor, int accentColor) { currentPrimaryColor = primaryColor; currentAccentColor = accentColor; // 通知所有监听器主题颜色已更改 notifyThemeChanged(); } public void applyThemeToDrawable(Drawable drawable, boolean isPrimary) { if (drawable instanceof VectorDrawable) { VectorDrawable vectorDrawable = (VectorDrawable) drawable.mutate(); int color = isPrimary ? currentPrimaryColor : currentAccentColor; vectorDrawable.setColorFilter(new PorterDuffColorFilter(color, PorterDuff.Mode.SRC_IN)); } } private void notifyThemeChanged() { // 实现通知机制，更新所有使用主题颜色的UI元素 } }

5.2.3 案例3：交互式数据可视化

一个健康监测应用需要显示用户的心率数据。最初，应用使用静态PNG图像显示心率图表，无法提供实时更新和交互。

通过使用SVG和自定义视图，应用能够创建动态、交互式的心率图表，用户可以触摸图表查看特定时间点的心率数据，图表还可以实时更新以反映最新数据。

实现代码：

public class HeartRateChartView extends View { private Paint linePaint; private Paint pointPaint; private Paint textPaint; private List<Integer> heartRateData; private int selectedPoint = -1; public HeartRateChartView(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { linePaint = new Paint(Paint.ANTI_ALIAS_FLAG); linePaint.setColor(Color.RED); linePaint.setStyle(Paint.Style.STROKE); linePaint.setStrokeWidth(3f); pointPaint = new Paint(Paint.ANTI_ALIAS_FLAG); pointPaint.setColor(Color.RED); pointPaint.setStyle(Paint.Style.FILL); textPaint = new Paint(Paint.ANTI_ALIAS_FLAG); textPaint.setColor(Color.BLACK); textPaint.setTextSize(30f); heartRateData = new ArrayList<>(); // 设置触摸监听器 setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { if (event.getAction() == MotionEvent.ACTION_DOWN || event.getAction() == MotionEvent.ACTION_MOVE) { // 计算触摸点对应的数据点 float x = event.getX(); int width = getWidth(); int index = (int) ((x / width) * heartRateData.size()); if (index >= 0 && index < heartRateData.size()) { selectedPoint = index; invalidate(); // 重绘视图 return true; } } return false; } }); } public void setHeartRateData(List<Integer> data) { heartRateData = data; invalidate(); // 重绘视图 } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if (heartRateData.isEmpty()) { return; } int width = getWidth(); int height = getHeight(); int padding = 50; // 绘制坐标轴 canvas.drawLine(padding, height - padding, width - padding, height - padding, linePaint); canvas.drawLine(padding, padding, padding, height - padding, linePaint); // 计算数据点 float xStep = (float) (width - 2 * padding) / (heartRateData.size() - 1); int maxHeartRate = Collections.max(heartRateData); float yScale = (float) (height - 2 * padding) / maxHeartRate; // 绘制心率曲线 Path path = new Path(); for (int i = 0; i < heartRateData.size(); i++) { float x = padding + i * xStep; float y = height - padding - heartRateData.get(i) * yScale; if (i == 0) { path.moveTo(x, y); } else { path.lineTo(x, y); } } canvas.drawPath(path, linePaint); // 绘制数据点 for (int i = 0; i < heartRateData.size(); i++) { float x = padding + i * xStep; float y = height - padding - heartRateData.get(i) * yScale; // 高亮选中的点 if (i == selectedPoint) { pointPaint.setColor(Color.BLUE); canvas.drawCircle(x, y, 10f, pointPaint); // 显示选中点的值 String valueText = String.valueOf(heartRateData.get(i)); canvas.drawText(valueText, x - 20, y - 20, textPaint); } else { pointPaint.setColor(Color.RED); canvas.drawCircle(x, y, 5f, pointPaint); } } } }

6. 挑战与解决方案

6.1 兼容性问题

6.1.1 问题描述

VectorDrawable在Android 5.0（API 21）之前不被原生支持，这可能导致在旧设备上显示问题。

6.1.2 解决方案

使用支持库来提供向后兼容性：

在build.gradle中启用支持库：

android { defaultConfig { vectorDrawables.useSupportLibrary = true } }

在Application类中初始化：

public class MyApplication extends Application { @Override public void onCreate() { super.onCreate(); AppCompatDelegate.setCompatVectorFromResourcesEnabled(true); } }

使用AppCompatImageView替代ImageView：

<androidx.appcompat.widget.AppCompatImageView android:layout_width="wrap_content" android:layout_height="wrap_content" app:srcCompat="@drawable/ic_android" />

6.2 性能问题

6.2.1 问题描述

复杂的SVG图像可能导致渲染性能下降，特别是在低端设备上。

6.2.2 解决方案

简化SVG路径：

public class SvgPathOptimizer { public static String optimizePath(String pathData) { // 移除不必要的空格和逗号 String optimized = pathData.replaceAll("\s*,\s*", ","); optimized = optimized.replaceAll("\s+", " "); // 简化连续的命令 optimized = optimized.replaceAll("L\s+([\d.]+)\s+([\d.]+)\s+L\s+([\d.]+)\s+([\d.]+)", "L $1 $2 L $3 $4"); return optimized; } }

使用硬件加速：

// 在Activity或Fragment中 imageView.setLayerType(View.LAYER_TYPE_HARDWARE, null);

对于非常复杂的SVG，考虑将其转换为PNG：

public class SvgToPngConverter { public static void convertSvgToPng(Context context, int svgResId, String outputPath) { try { SVG svg = SVG.getFromResource(context.getResources(), svgResId); Picture picture = svg.renderToPicture(); Bitmap bitmap = Bitmap.createBitmap(picture.getWidth(), picture.getHeight(), Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(bitmap); canvas.drawPicture(picture); try (FileOutputStream out = new FileOutputStream(outputPath)) { bitmap.compress(Bitmap.CompressFormat.PNG, 100, out); } } catch (Exception e) { e.printStackTrace(); } } }

6.3 内存问题

6.3.1 问题描述

大型或多个SVG图像可能导致内存使用过高，引发OutOfMemoryError。

6.3.2 解决方案

使用适当的尺寸：

public class SvgSizeOptimizer { public static Drawable getScaledDrawable(Context context, int resId, int targetWidth, int targetHeight) { try { SVG svg = SVG.getFromResource(context.getResources(), resId); // 计算缩放比例 float scaleX = (float) targetWidth / svg.getDocumentWidth(); float scaleY = (float) targetHeight / svg.getDocumentHeight(); float scale = Math.min(scaleX, scaleY); // 应用缩放 svg.setDocumentWidth(svg.getDocumentWidth() * scale); svg.setDocumentHeight(svg.getDocumentHeight() * scale); return new PictureDrawable(svg.renderToPicture()); } catch (SVGParseException e) { e.printStackTrace(); return null; } } }

实现LRU缓存：

public class SvgCache { private static final int MAX_CACHE_SIZE = 50; // 最大缓存数量 private static SvgCache instance; private final LruCache<Integer, Drawable> cache; private SvgCache() { // 初始化缓存 cache = new LruCache<Integer, Drawable>(MAX_CACHE_SIZE) { @Override protected int sizeOf(Integer key, Drawable value) { // 返回每个项目的大小，这里使用1作为简单计算 return 1; } }; } public static synchronized SvgCache getInstance() { if (instance == null) { instance = new SvgCache(); } return instance; } public Drawable get(Context context, int resId) { // 首先检查缓存 Drawable drawable = cache.get(resId); if (drawable != null) { return drawable; } // 缓存中没有，加载SVG try { SVG svg = SVG.getFromResource(context.getResources(), resId); drawable = new PictureDrawable(svg.renderToPicture()); // 添加到缓存 cache.put(resId, drawable); return drawable; } catch (SVGParseException e) { e.printStackTrace(); return null; } } public void clear() { cache.evictAll(); } }

及时回收资源：

public class SvgUtils { public static void releaseDrawable(Drawable drawable) { if (drawable != null) { drawable.setCallback(null); if (drawable instanceof BitmapDrawable) { ((BitmapDrawable) drawable).getBitmap().recycle(); } } } }

6.4 动画性能问题

6.4.1 问题描述

复杂的SVG动画可能导致性能问题，特别是在低端设备上。

6.4.2 解决方案

使用属性动画替代帧动画：

<!-- res/animator/heart_beat.xml --> <set xmlns:android="http://schemas.android.com/apk/res/android"> <objectAnimator android:duration="200" android:propertyName="scaleX" android:valueFrom="1.0" android:valueTo="1.2" android:valueType="floatType" android:repeatCount="1" android:repeatMode="reverse" /> <objectAnimator android:duration="200" android:propertyName="scaleY" android:valueFrom="1.0" android:valueTo="1.2" android:valueType="floatType" android:repeatCount="1" android:repeatMode="reverse" /> </set>

public class HeartBeatAnimation { public static void startHeartBeat(View view) { AnimatorSet animatorSet = (AnimatorSet) AnimatorInflater.loadAnimator( view.getContext(), R.animator.heart_beat); animatorSet.setTarget(view); // 设置无限循环 animatorSet.addListener(new AnimatorListenerAdapter() { @Override public void onAnimationEnd(Animator animation) { animation.start(); } }); animatorSet.start(); } public static void stopHeartBeat(View view) { view.animate().cancel(); view.setScaleX(1.0f); view.setScaleY(1.0f); } }

使用Lottie库处理复杂动画：

首先，添加依赖：

implementation 'com.airbnb.android:lottie:3.4.0'

然后，在布局中添加LottieAnimationView：

<com.airbnb.lottie.LottieAnimationView android:id="@+id/animation_view" android:layout_width="wrap_content" android:layout_height="wrap_content" app:lottie_fileName="animation.json" app:lottie_loop="true" app:lottie_autoPlay="true" />

在代码中控制动画：

LottieAnimationView animationView = findViewById(R.id.animation_view); // 播放动画 animationView.playAnimation(); // 暂停动画 animationView.pauseAnimation(); // 取消动画 animationView.cancelAnimation(); // 设置进度 animationView.setProgress(0.5f);