安卓中音乐播放器界面
时间: 2023-08-30 21:04:12 浏览: 54
以下是一个简单的安卓音乐播放器界面的代码示例,包含了上面提到的几个元素:
```xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- 音乐信息区 -->
<FrameLayout
android:id="@+id/music_info_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:background="#FFFFFF">
<ImageView
android:id="@+id/music_cover_image"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_gravity="center_vertical"
android:layout_margin="16dp"
android:src="@drawable/music_cover" />
<TextView
android:id="@+id/music_title_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginTop="16dp"
android:layout_marginBottom="8dp"
android:layout_toEndOf="@id/music_cover_image"
android:layout_toRightOf="@id/music_cover_image"
android:text="歌曲名"
android:textColor="#333333"
android:textSize="16sp" />
<TextView
android:id="@+id/music_artist_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/music_title_text"
android:layout_toEndOf="@id/music_cover_image"
android:layout_toRightOf="@id/music_cover_image"
android:text="歌手"
android:textColor="#666666"
android:textSize="14sp" />
</FrameLayout>
<!-- 播放控制区 -->
<LinearLayout
android:id="@+id/play_control_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/music_info_layout"
android:orientation="horizontal"
android:padding="16dp">
<ImageView
android:id="@+id/previous_button"
android:layout_width="32dp"
android:layout_height="32dp"
android:src="@drawable/previous_button" />
<ImageView
android:id="@+id/play_button"
android:layout_width="48dp"
android:layout_height="48dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:src="@drawable/play_button" />
<ImageView
android:id="@+id/next_button"
android:layout_width="32dp"
android:layout_height="32dp"
android:src="@drawable/next_button" />
<SeekBar
android:id="@+id/music_seek_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:max="100"
android:progress="0"
android:progressBackgroundTint="#DDDDDD"
android:thumbTint="#333333" />
</LinearLayout>
<!-- 歌词显示区 -->
<ScrollView
android:id="@+id/lyric_scroll_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/play_control_layout"
android:layout_marginTop="16dp">
<TextView
android:id="@+id/lyric_text_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="16dp"
android:text="歌词" />
</ScrollView>
<!-- 播放列表区 -->
<ListView
android:id="@+id/music_list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/lyric_scroll_view"
android:layout_marginTop="16dp" />
</RelativeLayout>
```
这份代码使用了 RelativeLayout 作为根布局,包含了一个音乐信息区(使用 FrameLayout 实现),一个播放控制区(使用 LinearLayout 实现),一个歌词显示区(使用 ScrollView 和 TextView 实现),以及一个播放列表区(使用 ListView 实现)。你可以根据实际需要修改布局和元素的样式和行为。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)