Android 布局底部大按钮的实现，LinearLayout 对比 RelativeLayout

布局需求

一个植物种子图像识别的 Android APP，在功能页包含：

底部一个大按钮，用于拍照
顶部剩余区域展示选择的图片，及识别结果，例如自动识别出的种子个数

布局选型

网上搜了一下，发现可选的方案非常多。几乎各种 Layout 布局都有人采用，例如：

LinearLayout
RelativeLayout
FrameLayout
ConstraintLayout

从实现的角度，选择一个顺手的、方便自己理解的去用就行了。但是作为 Android 萌新，我觉得还是有必要把各种 Layout 的实现方式都用一下，相互对比，可以直观地理解不同 Layout 的特点，及其不同的使用场景。

LinearLayout 线性布局的实现 (个人最爱)

<LinearLayout
    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"
    android:padding="10dp"
    android:orientation="vertical"
    >
   <ScrollView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        />
    <Button
        android:id="@+id/btn_take_picture"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/take_picture" />
</LinearLayout>

效果如下：

这里的核心就是 LinearLayout 中 layout_weight 的使用。

而 layout_weight 有两种使用方式：

LinearLayout 中每个子 View 都设置了 layout_weight，这样大家按照各自的权重分割空间
LinearLayout 中部分 View 设置了 layout_weight，部分未设置。未设置的以自身高度或宽度占据空间，已设置的按照权重分割剩余的空间。即上面示例代码中的场景。

不设置 layout_height 高度会怎样？我测试了一下，从布局看似乎没啥影响；只不过 Android Studio 会提示没有设置 View 的高度。所以还是加上吧，设置为 0dp 或 0px。

没想到如此简单就实现了效果，信心大增。再看看 RelativeLayout 如何实现吧。

RelativeLayout 相对布局的实现

<RelativeLayout 
    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"
    android:padding="10dp"
    >

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/btn_take_picture" />
    <Button
        android:id="@+id/btn_take_picture"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="@string/take_picture" />

</RelativeLayout>

RelativeLayout 的实现也非常简单直接，其核心布局思想就是相对于其他 View 的位置。

底部按钮的位置由 layout_alignParentBottom，即对其父级 layout 的底部。
ScrollView 由 layout_above, 对其底部按钮的顶部。

唯一不好理解的地方是，ScrollView 的 height 为 match_parent，感觉不对劲。但是效果是对的。

ConstraintLayout

在查看 Android 官方 RelativeLayout 的介绍时，发现官方更推荐使用 ConstraintLayout:

https://developer.android.com/training/constraint-layout

ConstraintLayout 可让您使用扁平视图层次结构（无嵌套视图组）创建复杂的大型布局。它与 RelativeLayout 相似，其中所有的视图均根据同级视图与父布局之间的关系进行布局，但其灵活性要高于 RelativeLayout，并且更易于与 Android Studio 的布局编辑器配合使用。

具体表现是：

新建项目是默认引入了 ConstraintLayout 依赖：implementation 'androidx.constraintlayout:constraintlayout:2.0.4'
右键其他 Layout 可以自动转换为 ConstraintLayout

写代码不能光考虑性能，还要考虑维护性，当一个布局中到处都充斥着彼此依赖的关系，搞得增删一个控件就导致全盘皆崩，那我称这样的布局为一次性布局。你层级哪怕只有一级我也不会维护。这种想法就跟初学编程的时候，把所有代码写在一个方法里面一个意思。

客观讲，对于需要手动调整布局的方案，对我来说是减分项。另外，确实相互间依赖，一旦删除一个元素怎么办。

寻找适合自己的技术方案，不要沦为大公司 KPI 技术方案的陪葬品。

大家说的效率对比，在我看来并没有啥对比价值。

ScrollView 与 ListView 的区别

这里的示例代码中都使用了 ScrollView，那么其与 ListView 的区别是什么呢？

ScrollView 的子元素可以是不同类型的 View。如果只是想要个滚动条，ScrollView 最合适。
ListView 的子元素需要是相同类型的 View。适合做数据列表展示。

当然，还有一个最大的区别：

ScrollView 的所有子元素都是放在内存中的
ListView 则是内存可回收，只把需要展示的部分放在内存中。所以数据列表规模巨大时，ListView 是唯一选择。

参考讨论： https://stackoverflow.com/questions/9820679/difference-between-scrollview-and-listview