使用相对布局完成下面布局效果;写出布局文件即可
时间: 2023-07-06 08:26:13 浏览: 82
使用jquery-easyui的布局layout写后台管理页面的代码详解
好的,请看下面的布局文件,实现了类似于您提供的布局效果:
```xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp">
<TextView
android:id="@+id/text_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Title"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:id="@+id/text_subtitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/text_title"
android:text="Subtitle"
android:textSize="18sp" />
<ImageView
android:id="@+id/image_left"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/text_subtitle"
android:layout_alignParentStart="true"
android:src="@drawable/ic_launcher_foreground" />
<ImageView
android:id="@+id/image_right"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/text_subtitle"
android:layout_alignParentEnd="true"
android:src="@drawable/ic_launcher_foreground" />
<TextView
android:id="@+id/text_description"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/text_subtitle"
android:layout_toEndOf="@id/image_left"
android:layout_toStartOf="@id/image_right"
android:text="Description"
android:textSize="16sp" />
<Button
android:id="@+id/button_action"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/text_description"
android:layout_alignParentEnd="true"
android:text="Action" />
</RelativeLayout>
```
说明:
- 标题和副标题使用了两个 `TextView`,并使用了 `layout_below` 属性来让副标题在标题下面显示。
- 左右两个图片使用了两个 `ImageView`,并分别使用了 `layout_alignParentStart` 和 `layout_alignParentEnd` 属性来让它们分别位于父布局的左侧和右侧。
- 描述文本使用了一个 `TextView`,并使用了 `layout_below`、`layout_toEndOf` 和 `layout_toStartOf` 属性来让它在副标题下面、左侧图片的右侧、右侧图片的左侧显示。
- 操作按钮使用了一个 `Button`,并使用了 `layout_below` 和 `layout_alignParentEnd` 属性来让它在描述文本下面、位于父布局的右侧。
阅读全文