网络收音机资料收集
? ?最近打算利用業(yè)余時間，編寫一個Android的網(wǎng)絡(luò)收音機(jī)。因為我自己偶爾也喜歡聽聽廣播，所以打算用業(yè)余時間編寫一個網(wǎng)絡(luò)版收音機(jī)。說起收音機(jī)，其實在工作中已經(jīng)編寫過一個，不過那個收音機(jī)是需要硬件支持，也就是說需要有特定的收音機(jī)芯片才可以使用。因為這個要跟芯片通信，還涉及通信協(xié)議。所以無法通用，手機(jī)上更加使用不了。所以才打算編寫一個網(wǎng)絡(luò)版的收音機(jī)。
因為這個項目打算利用業(yè)余空閑時間來做，所以進(jìn)度可能會比較慢一些，目前想法是把它做得完善一些，網(wǎng)上有關(guān)網(wǎng)絡(luò)收音機(jī)的開源項目貌似很少，我找了一下，沒發(fā)現(xiàn)有成型的項目。等我把程序框架和基本功能實現(xiàn)了，打算把這個項目做成開源項目。下面是目前實現(xiàn)了簡單的播放測試功能界面，這個只是測試用的第一版，后面會根據(jù)功能模塊增加進(jìn)行調(diào)整。
????
?
1、網(wǎng)絡(luò)接收模塊
做網(wǎng)絡(luò)收音機(jī)最核心的功能模塊就是如何接收解析網(wǎng)絡(luò)數(shù)據(jù)，目前網(wǎng)絡(luò)電臺的廣播協(xié)議主要是使用了mms、rtsp、http等多媒體流。Android上面對這些流媒體支持實在是不怎么樣，不知道是不是競爭對手的原因，畢竟mms是微軟的標(biāo)準(zhǔn)。因此只能找第三方庫實現(xiàn)，最后選了兩種方案：第一使用VLC播放器的解碼庫。前面我也寫了一篇編譯VLC的文章。不過還沒時間分析VLC使用和播放核心。第二種是使用目前開放的第三方庫。最后我暫時選了Vitamio作為解碼庫。
?
2、功能需求
- 支持mms、rtsp、http多媒體流播放
- 支持國內(nèi)絕大部分可以播放的網(wǎng)絡(luò)電臺以及國外部分著名電臺
- 支持收藏電臺
- 支持電臺錄音保存
- 支持音效調(diào)節(jié)
?
3、UI設(shè)計規(guī)劃
- 打算使用側(cè)滑欄實現(xiàn)電臺列表
- 使用多級列表實現(xiàn)電臺列表管理
- UI界面和數(shù)據(jù)分離，界面數(shù)據(jù)由XML提供
- 實現(xiàn)動態(tài)音效調(diào)節(jié)界面
?
4、開發(fā)計劃
- 2013-7月：實現(xiàn)播放界面、電臺列表、播放管理、后臺播放
- 2013-8月：實現(xiàn)收藏電臺、電臺錄音、音效調(diào)節(jié)
- 2013-9月：后續(xù)規(guī)則中。。。
?
?5、后語
目前的UI還比較粗糙，界面還沒有仔細(xì)進(jìn)行調(diào)節(jié)，只是為了測試播放電臺功能，先把功能加上去。后續(xù)會繼續(xù)完善，播放部分模塊現(xiàn)在還在調(diào)試，打算把播放部分編寫成獨立的模塊，降低代碼的耦合度方便以后更換播放和解碼核心代碼。界面部分盡量獨立出來。
雖然自己已經(jīng)做過很多Android方面的程序，不過都是基于工作上的開發(fā)。自己開發(fā)一個業(yè)余項目還是第一次，所以希望能把這項目做得完善點，不過功能上不會加入太多其他不相關(guān)的東西進(jìn)去，現(xiàn)在Android市場上的軟件，一個軟件集成太多不相關(guān)的東西，用著復(fù)雜，也浪費手機(jī)資源。這個收音機(jī)只會加入收音機(jī)相關(guān)功能，而且盡量做到簡潔易用。大家如果有這方面興趣，可以提提意見，看希望有什么功能。
目前我本身的工作很忙，在開發(fā)一個新項目，經(jīng)常要加班，回到家已經(jīng)10點了。所以只能業(yè)余晚上回去才有時間做，所以進(jìn)度安排比較慢。后續(xù)會把開發(fā)過程寫成一個系列博客，用到的技術(shù)也會進(jìn)行 一些分析講解。
?
上一篇文章總體規(guī)劃了這個項目的情況，今天講講實現(xiàn)電臺列表。今天其實主要想講解的是SlidingMenu，也就是我們平時說的側(cè)滑欄，現(xiàn)在很多應(yīng)用都有用這種UI效果。SlidingMenu側(cè)滑欄功能實現(xiàn)的方式很多，可以自己使用ViewGroup實現(xiàn)也可以自己繪圖實現(xiàn)。我這里借用了一個開源項目SlidingMenu，因為我這里不是研究如何實現(xiàn)SlidingMenu，而且為了快速實現(xiàn)這種功能，所以就直接使用這個開源項目的成果。
?
?
?
??
上面就是側(cè)滑欄的效果，指定一邊滑動，就可以拉出一個新的界面出來。
?
1、工程里引用SlidingMenu
首先我們說說這個開源工程如何使用，因為SlidingMenu是以工程庫的形式使用，因此我們只需要在我們的工程里面應(yīng)用這個工程就行。下面說說具體步驟：（這是給初學(xué)者看的哈，有經(jīng)驗的跳過）
?
我們添加SlidingMenu后，可以查看該工程屬性，其中有一個Library的屬性，說明這是一個Library工程。然后只需要在我們使用的工程里添加應(yīng)用這個外部庫就可以。
?
這里添加外部Library，因為我還引用了另外一個解碼庫Vitamio，所以會有兩個外部庫。
?
2、初始化SlidingMenu
//Edited by mythou//http://www.cnblogs.com/mythou/ private void initChannelMenu(){
//創(chuàng)建SlidingMenu對象mChannelMenu = new SlidingMenu(this);
//設(shè)置側(cè)滑欄菜單位置，這里在左邊。拉動菜單時，會從左邊彈出mChannelMenu.setMode(SlidingMenu.LEFT);
//設(shè)置觸摸的范圍，這里設(shè)置全屏mChannelMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
//設(shè)置陰影的寬度，查看上面第二張效果圖，靠右邊的位置，有一個陰影過渡。就是這個東西mChannelMenu.setShadowWidthRes(R.dimen.shadow_width);
//這里是陰影效果，可以設(shè)置圖片或者一個顏色過渡mChannelMenu.setShadowDrawable(R.drawable.shadow);
//設(shè)置后面間距，側(cè)滑欄和原來界面間距mChannelMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
//邊框的角度，這里指邊界地方mChannelMenu.setFadeDegree(0.35f);
//把側(cè)滑欄關(guān)聯(lián)到當(dāng)前的ActivitymChannelMenu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
//側(cè)滑欄的布局文件mChannelMenu.setMenu(R.layout.channel_slide_menu);}
上面給出了SlidingMenu的詳細(xì)初始化配置，我們使用的時候可以根據(jù)需要的實際效果配置，達(dá)到我們需要的效果。SlidingMenu這個開源工程接口實現(xiàn)很好，可以實現(xiàn)很復(fù)雜的配置，同時使用的過程也十分簡單，如果你只是單純需要這種功能，借用這個開源項目是不錯的選擇。如果需要自己實現(xiàn)，也可以借鑒一下這工程。
?
3、彈出和收起SlidingMenu
一幫情況下，只有設(shè)置了上面的mChannelMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN) ，我們只要在屏幕上面向右滑動就可以把SlidingMenu拉出來，不過有時候我們也需要實現(xiàn)點擊某個按鈕就可以把它拉出來，就像我們上面的“電臺列表”按鈕，點擊一下會自動彈出SlidingMenu處理，要實現(xiàn)這功能很簡單，只要調(diào)動SlidingMenu一個借口即可。
//Edited by mythou//http://www.cnblogs.com/mythou/ mOpenMenuButton.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v){
//調(diào)用SlidingMenu的顯示菜單接口mChannelMenu.showMenu();} });
上面通過調(diào)用showMenu()即可顯示菜單。隱藏SlidingMenu同樣只需要調(diào)用一個接口
//Edited by mythou//http://www.cnblogs.com/mythou/ @Override public void onBackPressed() {if (mChannelMenu.isMenuShowing()) {
//隱藏SlidingMenu，這里的Content就是我們的主Activity。mChannelMenu.showContent();} else {super.onBackPressed();} }
我這里放在了返回鍵的處理，按下返回鍵的時候，自動收起SlidingMenu菜單。
?
4、總結(jié)
SlidingMenu是一個在Git上很火也很實用的項目，通過使用該項目可以快速在我們的項目中使用側(cè)滑欄功能，只要按照我上面配置在新工程引用SlidingMenu就可以。另外補(bǔ)充一點，SlidingMenu提供了一個例子，不過需要用到另外一個開源工程ActionBarSherlock ，如果要配置該例子，注意引用這工程。不過我配置的時候遇到不少問題，建議大家按照我上面方法直接新建一個工程，先看看SlidingMenu的使用和效果。
上一篇文章說了使用SlidingMenu開源項目實現(xiàn)側(cè)滑欄，今天主要是講解多級列表ExpandableListView的使用，以及如何使用它實現(xiàn)電臺分類管理。ExpandableListView是Android自帶的一個實現(xiàn)多級列表的控件，可以理解為ListView的二維實現(xiàn)。下面將針對如何在項目里面使用ExpandableListView進(jìn)行講解。
?
ExpandableListView效果圖：
?
?
1、引用ExpandableListView控件
//Edited by mythou//http://www.cnblogs.com/mythou/ <ExpandableListView android:id="@+id/list"android:layout_width="fill_parent"android:layout_height="fill_parent"android:layout_marginTop="0dp"android:background="@drawable/radio_play_bg2" //配置外層列表的背景熟悉android:divider="@drawable/list_driver" //外層列表分割線android:cacheColorHint="#00000000" //這個用過listView的應(yīng)該都知道，避免拖動黑屏android:listSelector="@drawable/listview_bg" //外層List列表項效果android:childDivider="@drawable/list_driver" //子列表分割線效果></ExpandableListView>
上面是我們平常在XML里面配置的屬性，這個跟我們一般使用ListView很類似，只是它多了一個子列表項的配置，后面我們會使用代碼配置其他一些屬性。ExpandableListView用法跟我們普通ListView類似，只是分開了父類ListView和子類ListView。ExpandableListView還有其他的一些屬性，有需要可以查看android官網(wǎng)文檔。
?
2、繼承BaseExpandableListAdapter
//Edited by mythou//http://www.cnblogs.com/mythou/ public class ChannelListAdapter extends BaseExpandableListAdapter {//設(shè)置contextContext mContext;//............. }
?
繼承BaseExpandableListAdapter，編寫提供數(shù)據(jù)的適配器
?
?
3、數(shù)據(jù)適配器
我們使用ListView的時候也知道，ListView需要提供一個數(shù)據(jù)適配器提供數(shù)據(jù)，ExpandableListView也同樣需要一個適配器，我們需要重載BaseExpandableListAdapter基類，編寫我們的適配器。其中最主要的是getGroupView()和getChildView()方法，這兩個方法分別返回父類列表和子類列表的列表項視圖。
?
//Edited by mythou//http://www.cnblogs.com/mythou/ @Overridepublic View getGroupView(int groupPosition, boolean isExpanded,View convertView, ViewGroup parent) { //生成一個LinearLayout的布局，這里是外層列表的一個列表項視圖LinearLayout ll = new LinearLayout(mContext);
//設(shè)置LinearLayout方向ll.setOrientation(0);
//設(shè)置列表前面的LogoImageView logo = new ImageView(mContext);
//這里提供一個圖片文件作為Logologo.setImageResource(logos[groupPosition]);
//設(shè)置邊距logo.setPadding(80, 0, 0, 0);
//ImageView添加到LinearLayout里面ll.addView(logo);
//列表項標(biāo)題TextView textView = getTextView();textView.setTextColor(Color.WHITE);
//獲取標(biāo)題資源textView.setText(getGroup(groupPosition).toString());ll.addView(textView);return ll;}
?
上面返回的View就是我們外層列表的一個列表項，主要包含一個ImageView和TextView控件，使用LinearLayout布局。當(dāng)然，你也可以使用一個XML文件來布局然后通過Inflate生成一個View返回。兩種方法都可以，還有一點需要補(bǔ)充的是，提供的圖標(biāo)資源和Text的文字，這里你可以固定在程序，也可以使用數(shù)組提供。我后面因為是關(guān)聯(lián)了電臺的數(shù)據(jù)，所以使用了XML來保存電臺數(shù)據(jù)，然后通過解析XML返回一個ArraryList來提供數(shù)據(jù)，這個后面我講電臺數(shù)據(jù)的時候，會仔細(xì)講解。
//Edited by mythou//http://www.cnblogs.com/mythou/ @Overridepublic View getChildView(int groupPosition, int childPosition,boolean isLastChild, View convertView, ViewGroup parent) {//創(chuàng)建布局使用的LinearLayoutLinearLayout ll = new LinearLayout(mContext);
//設(shè)置布局方向ll.setOrientation(0);
//Logo圖片ImageView generallogo = new ImageView(mContext);generallogo.setImageResource(generallogos[groupPosition][childPosition]);ll.addView(generallogo);
//標(biāo)題資源TextView textView = getTextView();textView.setText(getChild(groupPosition, childPosition).toString());ll.addView(textView);
//返回LinearLayout作為子視圖return ll;}
上面是二級列表的列表項的視圖構(gòu)造，跟外層列表的構(gòu)造幾乎一樣，這里同樣構(gòu)造了一個LinearLayout的布局視圖。你也可以編寫一個XML的布局，然后加載獲取一個View視圖返回。同樣，這里提供數(shù)據(jù)的方法，我后面也是改用了XML獲取數(shù)據(jù)，這里先不多說。
除了上面兩個獲取視圖的方法，剩下幾個獲取選項的列表數(shù)目的方法同樣也需要重寫，為列表提供數(shù)據(jù)。
//Edited by mythou//http://www.cnblogs.com/mythou/ @Overridepublic Object getGroup(int groupPosition) {//返回外層列表的對象return generalsTypes[groupPosition];}@Overridepublic long getGroupId(int groupPosition) {//外層列表當(dāng)前位置return groupPosition;}@Overridepublic int getChildrenCount(int groupPosition) {//子列表選項數(shù)目return generals[groupPosition].length;}@Overridepublic Object getChild(int groupPosition, int childPosition) {//獲取子視圖對象return generals[groupPosition][childPosition];}@Overridepublic long getChildId(int groupPosition, int childPosition) {//子列表當(dāng)前的位置return childPosition;}
? 這些方法都需要重寫，提供我們列表正確的數(shù)據(jù)，這個跟一般的ListView的Adapter基本類似，只是多了一個父類列表。我們可以根據(jù)實際情況重寫其他方法。不過上面提到的方法，基本都要重寫。才能提供正常的數(shù)據(jù)給列表使用。
?
?4、總結(jié)
今天主要是講解一下電臺列表的分類，這里主要是借助二級列表實現(xiàn)，第一層列表主要是代表電臺分類，第二層列表就是具體每一個分類里面的電臺數(shù)據(jù)。這樣分級管理，邏輯上比較清新，而且用戶也比較方便查找自己喜歡的電臺。下一篇文章會講解如何通過XML讀取數(shù)據(jù)然后跟我們的電臺列表綁定在一起。
?
國內(nèi)外的電臺數(shù)據(jù)很多，起碼有好幾百，所以把這些數(shù)據(jù)都寫到代碼里面是不實際的。只能寫成一個數(shù)據(jù)文件，程序啟動的時候再去加載。保存這些簡單數(shù)據(jù)，我們肯定會優(yōu)先使用XML文件，今天講講如何讀取XML里面的數(shù)據(jù)，然后填充到列表里面。
再把這張老截圖貼出來，方便后面對應(yīng)查看XML的數(shù)據(jù)。
?
?
?
1、Android解析XML方法
Android里面讀取XML文件有3種方法，其中兩種是解析XML的常規(guī)方法：SAX和文檔對象模型方法。以前我寫C++的時候，最常用的是文檔對象模型方法，因為這個方法遍歷數(shù)據(jù)很方便，缺點是會把整個文件加載到內(nèi)存，構(gòu)建一個文檔的樹模型。對于數(shù)據(jù)量比較大的文件，比較耗內(nèi)存。以前就經(jīng)常使用TinyXML的解析庫，我在博客園第一篇文章就是說如何使用TinyXML庫，O(∩_∩)O哈哈~
SAX方法是事件驅(qū)動模型，也就是解析到哪個節(jié)點會回調(diào)相應(yīng)方法，你需要做的就是在相應(yīng)的方法里面編寫你的解析代碼，這個有點是解析速度快，而且不耗內(nèi)存，不過需要你解析完整個文件。查找靈活性沒有文檔對象模型方便。
Android支持上述兩種方法，TinyXML的解析庫也集成在Android里面。除了上面兩種方法，Android自己修改了一種新的方法來解析XML文件——XmlPullParser，這個新方法是基于SAX方法改進(jìn)的。傳統(tǒng)SAX是需要解析完整個XML文件，而XmlPullParser是可以中途中斷，停止解析。也就是說只要你獲取了你想要的信息，你就可以停止XML的解析工作，因此速度效率上都不錯。
既然是Android官方的方法，這次就使用XmlPullParser來作為XML的解析（我這里數(shù)據(jù)量不大，用任何一種方法差別不大）。
?
2、定義XML數(shù)據(jù)格式
首先我們需要定義我們保存電臺數(shù)據(jù)的XML格式，這是我定義的一種保存電臺類型，以及電臺類型下面具體電臺數(shù)據(jù)的XML格式，<ChannelType>標(biāo)簽代表是什么類型的電臺，包含了ID、名稱、圖標(biāo)、級別等信息。
<RadioChannel>是具體的電臺數(shù)據(jù)標(biāo)簽，保存了電臺名稱、圖標(biāo)、以及URL等重要信息。
//Edited by mythou//http://www.cnblogs.com/mythou/ <ChannelType ID="1"name="推薦電臺"Icon="fm_icon"Level="1"> <RadioChannelID="001"name="貓撲電臺"Icon="default_channel_icon"Level="2"URL="mms://ting.mop.com/mopradio"/><RadioChannelID="002"name="國際電臺懷舊金曲"Icon="default_channel_icon"Level="2"URL="mms://live.cri.cn/oldies/"/><RadioChannelID="003"name="國際電臺都市流行"Icon="default_channel_icon"Level="2"URL="mms://live.cri.cn/pop/"/></ChannelType>
?
?
3、使用Pull解析XML
//Edited by mythou//http://www.cnblogs.com/mythou/ public boolean getRadioListData(InputStream is, ArrayList<RadioChannelData> ChannelTypeList, ArrayList<ArrayList<RadioChannelData>> finalChanneldata) throws Exception { Log.d(TAG, "parse InputStream="+is);//臨時電臺類型RadioChannelData tempChannelTypeItem = null;//臨時電臺數(shù)據(jù)對象RadioChannelData tempChannelItem = null; //保存每個頻道類型里面具體電臺數(shù)據(jù)ArrayList<RadioChannelData> channelDataList = null;//顯示ChannelType stringString channelTypeString="";//由android.util.Xml創(chuàng)建一個XmlPullParser實例 XmlPullParser parser = Xml.newPullParser(); //設(shè)置輸入流 并指明編碼方式 parser.setInput(is, "UTF-8"); int eventType = parser.getEventType(); while (eventType != XmlPullParser.END_DOCUMENT) {switch (eventType) {case XmlPullParser.START_DOCUMENT: //處理文檔開始break; case XmlPullParser.START_TAG: if (parser.getName().equals("ChannelType")) {//電臺類型信息tempChannelTypeItem = new RadioChannelData(); tempChannelTypeItem.setChannelID(parser.getAttributeValue(0));tempChannelTypeItem.setChannelName(parser.getAttributeValue(1));tempChannelTypeItem.setChannelICON(parser.getAttributeValue(2));tempChannelTypeItem.setLevel(Integer.valueOf(parser.getAttributeValue(3)));//創(chuàng)建每個類型下的列表channelDataList = new ArrayList<RadioChannelData>();} else if (parser.getName().equals("RadioChannel")) {//具體電臺信息tempChannelItem = new RadioChannelData();tempChannelItem.setChannelID(parser.getAttributeValue(0));tempChannelItem.setChannelName(parser.getAttributeValue(1));tempChannelItem.setChannelICON(parser.getAttributeValue(2));tempChannelItem.setLevel(Integer.valueOf(parser.getAttributeValue(3)));tempChannelItem.setChannelURL(parser.getAttributeValue(4));} break; case XmlPullParser.END_TAG: if (parser.getName().equals("ChannelType")) { //電臺類型列表保存ChannelTypeList.add(tempChannelTypeItem); tempChannelTypeItem = null; //把每個類型電臺列表加入到總數(shù)據(jù)列表finalChanneldata.add(channelDataList);channelDataList = null;} else if (parser.getName().equals("RadioChannel")){channelDataList.add(tempChannelItem); tempChannelItem = null; }break;case XmlPullParser.END_DOCUMENT:break; } eventType = parser.next(); } //Test mythou 打印讀取的數(shù)據(jù)Log.d(TAG, "Print all radio channel Type----->"+ChannelTypeList.toString());Log.d(TAG, "Print all radio final channel data----->"+finalChanneldata.toString());return true; }
上面代碼是我用來解析XML的代碼，解析的數(shù)據(jù)保存到對應(yīng)的ArrayList里面，當(dāng)然我在程序里面也定義了響應(yīng)的數(shù)據(jù)格式類用來保存數(shù)據(jù)，使用Pull解析XML很方便也很簡單，這里不做詳細(xì)介紹，對此不了解的朋友可以去查看相關(guān)文檔，個人感覺使用Pull解析文檔比使用文檔對象模型要方便，起碼遍歷一次數(shù)據(jù)要快捷很多。
? 補(bǔ)充一點，我這里的圖片文件只保存了圖片文件的名字（不帶后綴），我在程序里面會根據(jù)圖片名稱讀取Drawable里面的圖片資源。
界面數(shù)據(jù)相關(guān)的就講到這里，下一次會講解如何控制播放，也就是一個播放器的核心。
轉(zhuǎn)載于:https://www.cnblogs.com/ltb6w/p/8905730.html
總結(jié)
- 上一篇： 智能驾驶发展的前世今生 |既生瑜，何生亮
- 下一篇： 护眼台灯真的护眼吗？为家长推荐四款真正护