android布局实例_Android

Android布局实例：LinearLayout和RelativeLayout

1、LinearLayout（线性布局）

线性布局是最简单的布局类型，它将子视图按照垂直或水平方向排列。

属性：

orientation：设置子视图的排列方向，可以是vertical（垂直）或horizontal（水平）。

gravity：设置子视图在主轴上的对齐方式，可以是center（居中）、top（顶部）、bottom（底部）、left（左侧）或right（右侧）。

layout_weight：设置子视图在主轴上的权重，用于控制子视图的大小。

示例代码：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="文本1" />
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="文本2" />
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="文本3" />
</LinearLayout>

2、RelativeLayout（相对布局）

相对布局允许子视图相对于其他子视图或父视图进行定位，它提供了更灵活的布局方式。

属性：

layout_alignParentTop、layout_alignParentBottom、layout_alignParentLeft、layout_alignParentRight：设置子视图与父视图的对齐方式。

layout_toLeftOf、layout_toRightOf、layout_above、layout_below：设置子视图与其他子视图的相对位置。

layout_centerInParent：设置子视图在父视图中的居中对齐。

layout_alignWithParentIfMissing：如果子视图不存在，则将其与父视图对齐。

layout_centerHorizontal、layout_centerVertical：设置子视图在水平或垂直方向上的居中对齐。

示例代码：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="文本1" />
    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="文本2" />
    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="文本3" />
</RelativeLayout>

下面我将为您提供一个简单的 Android 布局示例，采用介绍形式展示不同的布局元素及其对应的XML代码。

以下是各个布局类型中的简单视图元素的示例代码：

请注意，这些示例代码仅提供了基本的结构，实际使用时可能需要添加额外的属性和嵌套布局以适应具体的设计需求。