在这里首先说明，此实例是我从csdn下载的一个例子研究解析并且重写的。

第一 我们先概述的描述的说明下，我们这个MP3播放器的具体表现形式，实现方法等。

我们实现的播放器是用tab页形式体现的，分别是具体的音乐列表tab,艺术家tab，专辑信息tab，最近播放信息tab，还有一个具体的播放的tab界面。

 

如图所示 这是当前显示的四个主tab页面，还有一个具体的音乐播放界面：

 

如上图所示。

这是四个界面的具体显示情况。

此外 一下将贴出对应的每个界面的layout.xml文件

 

主布局文件

main.xml

 

<?xml version="1.0" encoding="utf-8"?>
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

            android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:padding="5dp" >

       

                    android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >
       
       

                    android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:padding="5dp" >
       
   

 

歌曲列表布局

listmusic.xml

<?xml version="1.0" encoding="utf-8"?>
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/listbg"
    android:orientation="vertical" >

            android:id="@+id/listAllMusic"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

 

艺术家列表布局

artist.xml

<?xml version="1.0" encoding="utf-8"?>
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/listbg1"
    android:orientation="vertical" >

            android:id="@+id/artistListView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
   

 

专辑信息布局

albums.xml

<?xml version="1.0" encoding="utf-8"?>
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/listbg"
    android:orientation="vertical" >

            android:id="@+id/albumListView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

 

每个界面的tabcontent内的布局

music_item.xml

<?xml version="1.0" encoding="utf-8"?>
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="2dip"
    android:background="#00000000"
    android:orientation="horizontal" >

            android:id="@+id/music_item_image"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_gravity="center"
        android:background="@drawable/item"
        android:paddingRight="10dip" />

            android:layout_width="fill_parent"
        android:layout_height="60dip"
        android:layout_weight="1"
        android:layout_marginLeft="3dp"
        android:gravity="center_vertical"
        android:orientation="vertical" >

                    android:id="@+id/music_item_name"
            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:id="@+id/music_item_singer"
            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:id="@+id/music_item_time"
        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

<?xml version="1.0" encoding="utf-8"?>
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/bg"
    android:orientation="vertical" >

            android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

       

                    android:id="@+id/LyricShow"
            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:id="@+id/linearLayout1"
            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:id="@+id/music_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="2dp"
                android:text="依然爱你"
                android:textSize="18dp" />

                            android:id="@+id/music_singer"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="王力宏" />
 
                            android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal" >

                                    android:id="@+id/music_loop"
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:background="@drawable/play_loop_sel" />

                                    android:id="@+id/music_volume"
                    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:id="@+id/music_random"
                    android:layout_width="28dp"
                    android:layout_height="28dp"
                    android:background="@drawable/play_random_sel" />
           
       

                    android:layout_width="fill_parent"
            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_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="10dp"
                android:gravity="center_horizontal"
                android:orientation="horizontal" >

                                    android:id="@+id/music_start_time"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:layout_marginRight="2dp"
                    android:text="00:00" />

                                    android:id="@+id/music_seekBar"
                    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:id="@+id/music_end_time"
                    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_width="fill_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal" >

                                    android:id="@+id/music_lasted"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="5dp"
                    android:src="@drawable/latest1" />

                                    android:id="@+id/music_rewind"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="5dp"
                    android:src="@drawable/rewind" />

                                    android:id="@+id/music_play"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="5dp"
                    android:src="@drawable/play1" />

                                    android:id="@+id/music_foward"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="5dp"
                    android:src="@drawable/foward" />

                                    android:id="@+id/music_next"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/next1" />
           
       
   

 

歌曲信息布局

songs.xml

<?xml version="1.0" encoding="utf-8"?>
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/listbg1"
    android:orientation="vertical" >

            android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
   

 

此外还有一个叠加两个图片的xml文件

seekbar_img.xml

<?xml version="1.0" encoding="utf-8"?>

 
 
 

 

这些文件的意义我想就不用说了 很简单了 如果有不会的可以查查看看 都很简单，不行可以在下面提问。ok，这是第一篇文章，只是基础的介绍下关于我们这个MP3音乐播放器的界面布局等的相关信息。接下来第二篇我们将一一对每个类进行一个实例的分析。

更多相关文章

1. Android(安卓)Library 工程实现模块复用 （代码及资源文件）
2. Android(安卓)10适配要点，作用域存储
3. Android底部Tab页基于ViewPager的实现
4. 为Android的apk应用程序文件加壳以防止反编译的教程
5. android动态加载class文件（DexClassLoader可从SD卡加载）(android插
6. [置顶] 写了个Android聊天客户端框架，基本聊天功能、数据库、服务
7. 深入探索 Android(安卓)包体积优化（匠心制作）
8. Android(安卓)用户界面---拖放（Drag and Drop）
9. Android(安卓)模块化、组件化、插件化及热修复，大集结篇。

随机推荐

1. 注册广播的两种方式：动态广播和静态广播的
2. Android开发：Handler异步通信机制全面解析
3. 盘点android中常见的设计模式（九） -- Adapt
4. Android之Android(安卓)studio如何解决Mu
5. 理解Android的handler机制--从应用到原理
6. 从零开始--系统深入学习android（实践-让我
7. android仿iphone滑动解锁
8. Android面试题目之常见的选择题
9. 关于android编码问题-URL中文编码-Activi
10. 关于Android应用程序漏洞的防护措施