原文: https://javatutorial.net/android-linear-layout-example

在先前的教程中,您了解了 Android 意图服务活动。 本教程和接下来的几本教程将介绍有关 Android 中不同布局的信息。

布局是事物以特定方式进行排列的方式。 Android 还提供了不同的布局,以不同的方式排列不同的组件。 其中一些是线性布局,相对布局,Web 视图布局等。布局对于 UI 应用程序的开发非常重要。 本教程的主要重点是线性布局。

线性布局

Android 中的线性布局使我们可以将组件水平排列在单列中或垂直排列在单行中。 垂直或水平方向取决于属性android:orientation。线性布局简单易用,如果窗口的长度超过屏幕的长度,则会创建滚动条。 垂直线性布局每行只有一项。 线性布局具有许多不同的属性,可用于根据需要自定义线性布局。 下图显示了水平和垂直线性布局。

Android 线性布局示例 - 图1

线性布局

线性布局的属性

以下是 Android 线性布局的一些属性。

  • Id:布局的唯一标识符。
  • Orientation:用于将线性布局方向设置为垂直或水平的属性。
  • Layout_Weight:此属性在每个组件处分配“重要性”值。
  • Gravity:此属性显示对象在 x-y 平面中的位置,例如中心,右侧,顶部,底部和左侧。
  • Weight_sum:此属性定义最大加权和。
  • Divider:绘图可用作按钮之间的垂直分隔线。

除了这些属性,线性布局还具有许多不同的构造函数。

线性布局的构造函数

以下是线性布局的构造函数

  • LinearLayout(Context context)
  • LinearLayout(Context context, AttributeSet attribute)
  • LinearLayout(Context context, AttributeSet attrs, int styleAttribute)
  • LinearLayout(Context context, AttributeSet attrs, int styleAttribute, int styleRes)

Android 中的线性布局示例

如果为两个线性布局(例如垂直线性布局或水平线性布局)设置了不同的属性值,则线性布局看起来会有所不同。

以下示例显示垂直线性布局。 这是activity_linear_vertical.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout android:layout_width="368dp"
  3. android:layout_height="495dp"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:orientation="vertical"
  6. tools:layout_editor_absoluteX="8dp"
  7. tools:layout_editor_absoluteY="8dp"
  8. xmlns:android="http://schemas.android.com/apk/res/android">
  9. <Button
  10. android:id="@+id/button5"
  11. android:layout_width="match_parent"
  12. android:layout_height="wrap_content"
  13. android:text="Button1" />
  14. <Button
  15. android:id="@+id/button6"
  16. android:layout_width="match_parent"
  17. android:layout_height="wrap_content"
  18. android:text="Button2" />
  19. <Button
  20. android:id="@+id/button7"
  21. android:layout_width="match_parent"
  22. android:layout_height="wrap_content"
  23. android:text="Button3" />
  24. <Button
  25. android:id="@+id/button8"
  26. android:layout_width="match_parent"
  27. android:layout_height="wrap_content"
  28. android:text="Button4" />
  29. </LinearLayout>

这是输出的样子

Android 线性布局示例 - 图2

垂直线性布局

这是另一个显示水平线性布局的示例。 以下是activity_linear_horizontal.xml的代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout android:layout_width="368dp"
  3. android:layout_height="495dp"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:orientation="horizontal"
  6. tools:layout_editor_absoluteX="8dp"
  7. tools:layout_editor_absoluteY="8dp"
  8. xmlns:android="http://schemas.android.com/apk/res/android">
  9. <Button
  10. android:id="@+id/button4"
  11. android:layout_width="wrap_content"
  12. android:layout_height="wrap_content"
  13. android:layout_weight="1"
  14. android:text="Button4" />
  15. <Button
  16. android:id="@+id/button3"
  17. android:layout_width="wrap_content"
  18. android:layout_height="wrap_content"
  19. android:layout_weight="1"
  20. android:text="Button3" />
  21. <Button
  22. android:id="@+id/button2"
  23. android:layout_width="wrap_content"
  24. android:layout_height="wrap_content"
  25. android:layout_weight="1"
  26. android:text="Button2" />
  27. <Button
  28. android:id="@+id/button"
  29. android:layout_width="wrap_content"
  30. android:layout_height="wrap_content"
  31. android:layout_weight="1"
  32. android:text="Button1" />
  33. </LinearLayout>

这是输出的样子

Android 线性布局示例 - 图3

水平线性布局

您可以从链接下载示例代码。 有关更多 Android 布局,请遵循以下教程。