📜  在 xml 中添加 Horizonatl 行的代码 (1)

📅  最后修改于: 2023-12-03 14:51:14.086000             🧑  作者: Mango

在 XML 中添加 Horizontal 行的代码

在 Android 开发中,我们需要经常使用布局来构建用户界面。而其中一种常用的布局类型是 LinearLayout,它可以让我们按照水平或垂直的方向排列视图。如果我们需要在水平方向添加一行视图,可以使用 Horizontal 行来实现。以下是如何在 XML 中添加 Horizontal 行的代码。

步骤
  1. 在你的 XML 布局文件中,添加一个 LinearLayout 布局。请确保它的方向属性为 horizontal
 <LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    ...>
  1. LinearLayout 布局内添加你所需要的视图。我们使用 Button 作为示例。
  <Button
      android:id="@+id/button1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Button 1"
      .../>
  <Button
      android:id="@+id/button2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Button 2"
      .../>
  <Button
      android:id="@+id/button3"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Button 3"
      .../>
  1. 将视图添加到 LinearLayout 中。这将会让它们在水平方向上排列。
  <LinearLayout 
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="horizontal"
      ...>
      <Button
          android:id="@+id/button1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Button 1"
          .../>
      <Button
          android:id="@+id/button2"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Button 2"
          .../>
      <Button
          android:id="@+id/button3"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Button 3"
          .../>
  </LinearLayout>
完整代码片段

以下是完整的 XML 代码片段。添加它到你的布局文件中,就可以使用 Horizontal 行在水平方向上排列视图了。

    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        ...>
        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button 1"
            .../>
        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button 2"
            .../>
        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button 3"
            .../>
    </LinearLayout>

这就是如何在 XML 中添加 Horizontal 行的代码。如果你已经掌握了这个技巧,就可以通过 LinearLayout 布局来构建更加灵活的用户界面。