页面布局文件代码
时间: 2024-02-09 16:13:30 浏览: 45
使您的CSS网页布局代码更专业 精简CSS文件
以下是一个基于Android的音乐播放器的页面布局文件代码示例,包括播放控制按钮、进度条等控件:
```xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<SeekBar
android:id="@+id/seek_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:max="100"
android:progress="0" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/seek_bar"
android:gravity="center"
android:orientation="horizontal"
android:padding="16dp">
<Button
android:id="@+id/btn_play"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Play" />
<Button
android:id="@+id/btn_pause"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Pause" />
<Button
android:id="@+id/btn_stop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Stop" />
</LinearLayout>
</RelativeLayout>
```
该布局文件使用了`RelativeLayout`作为根布局,内部包含一个`SeekBar`用于显示和控制播放进度,以及一个`LinearLayout`用于放置播放控制按钮。`LinearLayout`中包含了三个`Button`,分别代表播放、暂停、停止三种操作。通过设置`android:layout_below="@id/seek_bar"`属性,可以使`LinearLayout`显示在`SeekBar`下方。
阅读全文