在这里首先说明,此实例是我从csdn下载的一个例子研究解析并且重写的。
第一 我们先概述的描述的说明下,我们这个MP3播放器的具体表现形式,实现方法等。
我们实现的播放器是用tab页形式体现的,分别是具体的音乐列表tab,艺术家tab,专辑信息tab,最近播放信息tab,还有一个具体的播放的tab界面。
如图所示 这是当前显示的四个主tab页面,还有一个具体的音乐播放界面:
如上图所示。
这是四个界面的具体显示情况。
此外 一下将贴出对应的每个界面的layout.xml文件
主布局文件
main.xml
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
android:layout_height="fill_parent"
android:orientation="vertical"
android:padding="5dp" >
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="5dp" >
歌曲列表布局
listmusic.xml
android:layout_height="match_parent"
android:background="@drawable/listbg"
android:orientation="vertical" >
android:layout_width="match_parent"
android:layout_height="wrap_content" />
艺术家列表布局
artist.xml
android:layout_height="match_parent"
android:background="@drawable/listbg1"
android:orientation="vertical" >
android:layout_width="match_parent"
android:layout_height="wrap_content" >
专辑信息布局
albums.xml
android:layout_height="match_parent"
android:background="@drawable/listbg"
android:orientation="vertical" >
android:layout_width="match_parent"
android:layout_height="wrap_content" />
每个界面的tabcontent内的布局
music_item.xml
android:layout_height="wrap_content"
android:layout_marginTop="2dip"
android:background="#00000000"
android:orientation="horizontal" >
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_gravity="center"
android:background="@drawable/item"
android:paddingRight="10dip" />
android:layout_height="60dip"
android:layout_weight="1"
android:layout_marginLeft="3dp"
android:gravity="center_vertical"
android:orientation="vertical" >
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:textColor="#ffffff"
android:textSize="18dp"
android:text="依然爱你"
android:textStyle="bold" />
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginTop="5dip"
android:textColor="#ffffff"
android:text="王力宏"
android:textSize="12dp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:paddingRight="5dip"
android:text="03:42"
android:textColor="#ffffff" />
音乐播放界面布局界面
music.xml
android:layout_height="fill_parent"
android:background="@drawable/bg"
android:orientation="vertical" >
android:layout_height="fill_parent" >
android:layout_width="fill_parent"
android:layout_height="200dip"
android:layout_below="@+id/linearLayout1"
android:layout_centerHorizontal="true"
android:layout_centerInParent="true"
android:layout_marginTop="10dp"
android:gravity="center_horizontal"
android:text="无歌曲播放"
android:textColor="#99ffffff"/>
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:background="@drawable/appbackground"
android:gravity="center_horizontal"
android:orientation="vertical"
android:padding="5dp" >
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="2dp"
android:text="依然爱你"
android:textSize="18dp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="王力宏" />
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal" >
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@drawable/play_loop_sel" />
android:layout_width="240dp"
android:layout_height="wrap_content"
android:layout_marginLeft="5dip"
android:layout_marginRight="5dip"
android:max="100"
android:progress="50"
android:progressDrawable="@drawable/seekbar_img"
android:thumb="@drawable/media_player_progress_button" />
android:layout_width="28dp"
android:layout_height="28dp"
android:background="@drawable/play_random_sel" />
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="@drawable/button"
android:gravity="center_horizontal"
android:orientation="vertical"
android:padding="5dp" >
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:gravity="center_horizontal"
android:orientation="horizontal" >
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginRight="2dp"
android:text="00:00" />
android:layout_width="230dp"
android:layout_height="wrap_content"
android:max="100"
android:paddingLeft="2dip"
android:paddingRight="2dip"
android:progressDrawable="@drawable/seekbar_img"
android:thumb="@drawable/media_player_progress_button" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="2dp"
android:text="03:20" />
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal" >
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:src="@drawable/latest1" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:src="@drawable/rewind" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:src="@drawable/play1" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:src="@drawable/foward" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/next1" />
歌曲信息布局
songs.xml
android:layout_height="match_parent"
android:background="@drawable/listbg1"
android:orientation="vertical" >
android:layout_width="match_parent"
android:layout_height="wrap_content" >
此外还有一个叠加两个图片的xml文件
seekbar_img.xml
这些文件的意义我想就不用说了 很简单了 如果有不会的可以查查看看 都很简单,不行可以在下面提问。ok,这是第一篇文章,只是基础的介绍下关于我们这个MP3音乐播放器的界面布局等的相关信息。接下来第二篇我们将一一对每个类进行一个实例的分析。