使用基本的布局结构可打造最高效的布局,这是一种常见的误解。不过,您添加到应用中的每个 widget 和布局都需要进行初始化、布局和绘制。例如,使用嵌套的 LinearLayout
实例可能会导致视图层次结构过深。此外,嵌套多个使用 layout_weight
参数的 LinearLayout
实例的费用可能很高,因为每个子级都需要测量两次。如果布局反复膨胀(例如在 RecyclerView
中使用时),这一点尤为重要。
本文档介绍了如何使用 Layout Inspector 和 lint 检查和优化布局。
检查布局
Android SDK 工具包含布局检查器工具,可让您在应用运行时分析布局。使用此工具有助于您发现布局性能中的低效问题。
借助布局检查器,您可以在已连接的设备或模拟器上选择正在运行的进程,然后显示布局树。每个块上的红绿灯代表其测量、布局和绘制性能,有助于您识别潜在问题。
例如,图 1 显示了用作 RecyclerView
中的一项的布局。此布局左侧显示了一张小小的位图,而右侧则显示了两个堆叠的文本项。对此类多次膨胀的布局进行优化尤为重要,因为性能优势会成倍提升。
布局检查器会显示可用设备及其正在运行的组件的列表。从 Windows 标签页中选择您的组件,然后点击 Layout Inspector 以查看所选组件的布局层次结构。例如,图 2 显示了图 1 所示列表项的布局。
修改布局
由于前面的布局性能因嵌套的 LinearLayout
而降低,您可以通过展平布局(换言之,让布局变浅变宽,而不是变窄变深)来提高性能。作为根节点的 ConstraintLayout
允许此类布局。将此设计转换为使用 ConstraintLayout
后,布局会变为两级层次结构:
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/root" android:layout_width="match_parent" android:layout_height="52dp" android:background="#e4e6e4" android:padding="4dp"> <ImageView android:id="@+id/image" android:layout_width="48dp" android:layout_height="48dp" android:background="#5c5c74" android:contentDescription="An example box" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <TextView android:id="@+id/title" android:layout_width="0dp" android:layout_height="0dp" android:layout_marginStart="4dp" android:background="#745c74" app:layout_constraintBottom_toTopOf="@+id/subtitle" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toEndOf="@id/image" app:layout_constraintTop_toTopOf="parent" /> <TextView android:id="@+id/subtitle" android:layout_width="0dp" android:layout_height="0dp" android:background="#7e8d6e" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="@id/title" app:layout_constraintTop_toBottomOf="@+id/title" /> </androidx.constraintlayout.widget.ConstraintLayout>
检查新布局如下所示:
这样做的好处会成倍增加,因为此布局会用于列表中的每一项。
大部分差异都是由在 LinearLayout
设计中使用 layout_weight
造成的,这会减慢测量速度。这个示例展示了如何合理使用每种布局。请仔细考虑是否有必要使用布局权重。
在一些复杂的布局中,系统可能会浪费精力多次测量同一界面元素。这种现象称为 Double Taxation。如需详细了解 Double Taxation 以及如何防止出现这种情况,请参阅性能和视图层次结构。
使用 lint
最好对布局文件运行 lint 工具,以搜索可能的视图层次结构优化机会。lint 取代了 layoutopt 工具,并具有更强大的功能。以下是 lint 规则的示例:
-
使用复合可绘制对象。您可以更高效地处理包含
ImageView
和TextView
的LinearLayout
作为复合可绘制对象。 -
合并根帧。如果布局的根部是不提供背景或内边距的
FrameLayout
,您可以将其替换为合并标记,这样效率会稍高一些。 - 去除无用的叶子。您可以移除没有子级或没有背景的布局(因为它不可见),以使布局层次结构更加扁平高效。
-
请移除没用的父级。您可以移除符合以下条件的布局:没有同级子项、不是
ScrollView
或根布局且没有背景。您还可以将子视图直接移动到父视图,以使布局层次结构更加扁平高效。 -
避免使用深层布局。嵌套过多的布局会降低性能。考虑使用较扁平的布局(如
ConstraintLayout
)来提高性能。lint 检查的默认最大深度为 10。
lint 工具的另一个优势是它可以集成到 Android Studio 中。Lint 会在您编译程序时自动运行。借助 Android Studio,您还可以针对特定 build 变体或所有 build 变体运行 lint 检查。
您还可以在 Android Studio 中使用 File > Settings > Project Settings 选项管理检查配置文件和配置检查。系统会显示“Inspection Configuration”页面,其中包含支持的检查:
Lint 可自动修复某些问题、为其他问题提供建议,以及直接跳转到违规代码进行审核。