【android】音乐播放器之UI设计的点点滴滴

       学习Android有一个多月，看完了《第一行代码》以及mars老师的第一期视频通过音乐播放器小项目加深对知识点的理解。从本文开始，将详细的介绍简单仿多米音乐播放器的实现，以及网络解析数据获取百度音乐最新排行音乐以及下载功能。

        功能介绍如下：    

        1、获取本地歌曲列表，实现歌曲播放功能。 
        2、利用jsoup解析网页数据，从网络获取歌曲列表，同时实现歌曲和歌词下载到手机本地的功能。 
        3、通知栏提醒，实现仿QQ音乐播放器的通知栏功能.      

       涉及的技术有： 
       1、jsoup解析网络网页，从而获取需要的数据 
       2、android中访问网络，获取文件到本地的网络请求技术，以及下载文件到本地实现断点下载 
       3、线程池 
       4、图片缓存 
       5、service一直在后台运行 
       6、Activity与Fragment间的切换以及通信 
       7、notification通知栏设计 
       8、自定义广播 
       9、android系统文件管

     音乐播放器思路及源码下载见：【android】音乐播放器之设计思路

       Ui界面的最终显示效果如下：

    

       马上来看看UI界面是如何实现的，不过先得做些准备工作~~启动界面的设计。细心的朋友肯定注意到目前一些主流app登陆时候都有封面展示的效果，启动界面的制作就是为了实现这个效果：加载一个布局全屏展示一张封面，并2s跳转到主布局MainActivity.

public class SplashActivity extends Activity{
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// no title
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		// 全屏
		getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
				WindowManager.LayoutParams.FLAG_FULLSCREEN);
		setContentView(R.layout.splash_layout);
		
		// 2s跳转到主界面
		new Handler().postDelayed(new Runnable() {
			@Override
			public void run() {
				startActivity(new Intent(SplashActivity.this, MainActivity.class));
				finish();
			}
		}, 2000);
	}
}

       有了上面的准备工作，可以设计主界面以及主界面中的5个Fragment(不是4个嘛！！！！~！~我这边直接将本地音乐列表这个Fragment直接放到MainActivity中)。目前，主流的app主界面实现由四种方式：

        (1)ViewPager实现

        (2)Fragment实现

        (3)FragmentPagerAdapter+ViewPager实现

        (4)ViewPagerIndicator+ViewPager实现

      就挑个最熟练的实现方式：Fragment实现。（哈哈，目前水平比较低。。。ViewPager后文有使用分析，其余还是想每一种都有机会去尝试用到代码中去。） 小编这边的都是使用动态Fragment

[html]  view plain copy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical" >  
6.     <include layout="@layout/top" />  
7.       
8.     <FrameLayout   
9.         android:id="@+id/id_content"  
10.         android:layout_width="fill_parent"  
11.         android:layout_height="0dp"  
12.         android:layout_weight="1">  
13.