【讀書筆記-《Android遊戲編程之從零開始》】6.Android 遊戲開發經常使用的系統控件(TabHost、ListView)

3.9 TabSpec與TabHosthtml

TabHost類官方文檔地址:http://developer.android.com/reference/android/widget/TabHost.htmljava

Android 實現tab視圖有2種方法,一種是在佈局頁面中定義<tabhost>標籤,另外一種就是繼承tabactivity.可是我比較喜歡第二種方式,應爲若是頁面比較複雜的話你的XML文件會寫得比較龐大,用第二種方式XML頁面相對要簡潔得多。android

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/mm1"
    android:orientation="vertical" >

    <Button
        android:id="@+id/btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="第一個Tab" />

    <EditText
        android:id="@+id/et"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="第二個Tab" />

    <LinearLayout
        android:id="@+id/myLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/mm2"
        android:orientation="vertical" >

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="第三個Tab" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="第三個Tab" />
    </LinearLayout>

</LinearLayout>
activity_main.xml  
import android.app.TabActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.TabHost;
import android.widget.TabHost.OnTabChangeListener;
import android.widget.TabHost.TabSpec;
import android.widget.Toast;

public class MainActivity extends TabActivity implements OnTabChangeListener {
    private TabSpec ts1, ts2, ts3;// 聲明3個分頁
    private TabHost tabHost;// 分頁菜單(tab容器)

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        tabHost = this.getTabHost();// 實例(分頁)菜單
        // 利用LayoutInflater將佈局與分頁菜單一塊兒顯示
        LayoutInflater.from(this).inflate(R.layout.activity_main,
                tabHost.getTabContentView());
        ts1 = tabHost.newTabSpec("tabOne");// 實例化一個分頁
        ts1.setIndicator("分頁1");// 設置此分頁顯示的標題
        ts1.setContent(R.id.btn);// 設置此分頁的資源Id
        ts2 = tabHost.newTabSpec("tabTwo");
        // 設置此分頁顯示的標題和圖標
        ts2.setIndicator("分頁2",
                getResources().getDrawable(R.drawable.ic_launcher));
        ts2.setContent(R.id.et);
        ts3 = tabHost.newTabSpec("tabThree");
        ts3.setIndicator("分頁3");
        ts3.setContent(R.id.myLayout);// 設置此分頁的佈局ID
        tabHost.addTab(ts1);// 菜單中添加ts1分頁
        tabHost.addTab(ts2);
        tabHost.addTab(ts3);
        tabHost.setOnTabChangedListener(this);
    }

    @Override
    public void onTabChanged(String tabId) {
        //這裏的tabId對應的是實例中每一個分頁傳入的分頁ID,而不是TabSpec.setIndicator()設置的標題
        if (tabId.equals("tabOne")) {
            Toast.makeText(this, "分頁1", Toast.LENGTH_SHORT).show();
        }
        if (tabId.equals("tabTwo")) {
            Toast.makeText(this, "分頁2", Toast.LENGTH_SHORT).show();
        }
        if (tabId.equals("tabThree")) {
            Toast.makeText(this, "分頁3", Toast.LENGTH_SHORT).show();
        }
    }

}
MainActivity.class

上面這個Activity繼承了TabActivitysql

TabActivity的現狀

官方文檔在介紹TabActivity有下面這麼一句話數據庫

大概的意思是說:這個類已經在Android4.0的系統中被棄用了,新的應用程序應該使用Fragment來代替該類的開發windows

TabActivity是否還有存在的必要性

其實谷歌有此舉動,咱們也應該早就想到了,爲何會這麼說呢?那就要從TabActivity的原理開始提及了。設計模式

作個假定先: 好比咱們最外面的Activity是MainActivity, 第一個tab是FirstActivty, 第二個tab是SecondActivity。
相信你們都用過TabActivity, 它是一個特殊的Activity,它特殊的地方在哪裏?有如下幾點爲證:
<1> 它看起來違反了Activity的單一窗口的原則。由於它能夠同時加載幾個activity, 當用戶點擊它上面的tab時,就會跳到相應的Activity上面去。
<2> 用戶首先進去FirstActivity,而後進去SecondActivity,再點擊返回鍵的時候。它返回的界面不是FirstActivity,而是退出咱們的應用程序。
<3> 當用戶在FirstActivity按返回鍵的時候,若是MainActivity和FirstActivity經過重寫onKeyDown()方法,那麼收到事件回調的只有FirstActivity。數組

谷歌當時的困擾

<1> 首先咱們要明白一點,android系統是單窗口系統,不像windows是多窗口的(好比在windows系統上,咱們能夠一邊聊QQ,一邊鬥地主等等)。也就是說,在一個時刻,android裏面只有一個activity能夠顯示給用戶。這樣就大大下降了操做系統設計的複雜性(包括事件派發等等)。
<2> 可是像TabActivity那種效果又很是必要,用戶體驗也比較好。因此我以爲當時google開發人員確定很糾結,因而,一個畸形的想法產生了,就是在單窗口系統下加載多個activity,它就是TabActivity。緩存

TabActivity實現加載多個Activity原理

咱們都知道,想啓動一個Activity,通常是調用startActivty(Intent i)方法,而後這個方法會展轉調用到ams(ActivityManagerService)來啓動目標activity,因此,TabActivity實現的要點有兩個:
<1> 找到一個入口,這個入口能夠訪問到ActivityThread類(這個類是隱藏的,應用程序是訪問不到的),而後調用ActivityThread裏面的啓動activity方法
<2> 繞開ams,就是咱們TabActivity加載的FirstActivity和SecondActivity是不能讓ams知道的。網絡

因此,一個新的類誕生了 ---- LocalActivityManager , 它的做用以下:
<1> 這個類和ActivityThread處於一個包內,因此它有訪問ActivityThread的權限。
<2> 這個類提供了相似Ams管理Activity的方法,好比調用activity的onCreate方法,onResume()等等,維護了activity生命週期。

也正如其名字同樣,它是本地的activity管理。就是說它運行的進程和它管理的Activity是在一個進程裏面。因此,當TabActivity要啓動一個activity的時候,會調用到LocalActivityManager的建立activity方法,而後調用ActivityThread.startActivityNow(),這個方法繞過了ams,就是說ams此時根本不知道LocalActivityManager已經在暗渡陳倉的啓動了一個activity(因此ams的task列表裏面沒有新啓動activity的記錄,因此用戶按back鍵就直接退出咱們的應用)。而後和正常啓動activity同樣,初始化activity,在初始化activity的時候,有個方法很是重要:activity.attch()

final void attach(...){  
....  
mWindow.setCallback(this);    
.....  
}  

 mWindow.setCallback(this)這個方法很是重要,它設置了window的回調接口,這是咱們activity可以接受到key事件的關鍵所在!由於在DecorView在接受到事件的時候,會回調這個接口,如:

final Callback cb = getCallback();  
final boolean handled = cb != null && mFeatureId < 0 ? cb.dispatchKeyEvent(event) : super.dispatchKeyEvent(event); 

當咱們啓動FirstActivity的時候,咱們設置FirstActivity爲PhoneWindow的回調實現,因此,按back鍵的時候,調用的是FirstActivity的onKeyDown方法。

TabActivity小結

從以上的種種分析來看,TabActivity只是一個怪胎而已。因此,在後面的發展中確定會被代替,只是沒想到會被替代的這麼快。不經讓我有了一種英雄暮路,美人辭暮的感受,至少TabActivity曾經在Android2.2/2.3版本那麼顯赫一時,不過終究仍是逃不過被谷歌遺棄的命運。

 

TabActivity實現方法

說了這麼多,那就讓咱們來看看它當年究竟是怎樣的叱吒風雲,咱們將使用兩種不一樣的方式來實現,可是最終的效果都是同樣的,

以下圖所示:

 

具體的編碼實現

(1)第一種實現方式:自定義TabWidget

一、首先建立一個TabWidget的佈局文件,main_tab_layout1.xml:

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost" 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    
    <LinearLayout 
        android:orientation="vertical"
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent">

        <FrameLayout 
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent" 
            android:layout_height="0.0dip"
            android:layout_weight="1.0" />
            
        <TabWidget 
            android:id="@android:id/tabs" 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content"
            android:padding="2dip"
            android:background="@drawable/tab_widget_background"
            android:layout_weight="0.0"/>
            
    </LinearLayout>
    
</TabHost>
main_tab_layout1.xml
注意: 
     <1> 無論你是使用TabActivity 仍是自定義TabHost,都要求以TabHost做爲XML佈局文件的根;
     <2> 將FrameLayout的屬性值layout_weight設置爲了1.0,這樣就能夠把TabWidget的組件從頂部擠了下來變成了底部菜單欄。
     <3> <TabWidger> 和<FrameLayout>的Id 必須使用系統id,分別爲android:id/tabs 和 android:id/tabcontent 。由於系統會使用者兩個id來初始化TabHost的兩個實例變量(mTabWidget 和 mTabContent)。
二、而後在定義一個tab_item_view.xml佈局文件,這個佈局文件在後面初始化Tab按鈕的時候會用到 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:focusable="false"
        android:padding="3dp" >
    </ImageView>

    <TextView
        android:id="@+id/textview"
        style="@style/tab_item_text_style"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </TextView>

</LinearLayout>
tab_item_view.xml

三、這裏我爲了方便Tab按鈕字體和背景格式的統一,在styles.xml數據文件中還添加了如下內容:

    <style name="tab_item_text_style">
        <item name="android:textSize">10.0dip</item>
        <item name="android:textColor">#ffffff</item>
        <item name="android:ellipsize">marquee</item>
        <item name="android:singleLine">true</item>
    </style>

    <style name="tab_item_background">
        <item name="android:textAppearance">@style/tab_item_text_style</item>
        <item name="android:gravity">center_horizontal</item>
        <item name="android:background">@drawable/selector_tab_background2</item>
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:button">@null</item>
        <item name="android:drawablePadding">3.0dip</item>
        <item name="android:layout_weight">1.0</item>
    </style>

四、定義一個自定義Tab按鈕資源文件,selector_tab_background.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/tab_item_p" android:state_pressed="true"/>
    <item android:drawable="@drawable/tab_item_d" android:state_selected="true"/>

</selector>

五、最後在定義幾個用來存放Tab選項卡內容的activity佈局文件,因爲幾個佈局文件的內容都差很少,因此這裏就列出一個給讀者參考,有須要的話能夠直接下載源碼,layout_activity1.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <ImageView
        android:id="@+id/imageview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:scaleType="fitCenter"
        android:src="@drawable/mm1" >
    </ImageView>

</LinearLayout>

六、佈局完畢,接下來說解java代碼,定義一個常量工具類,Constant.java:

/**
 *    功能描述:常量工具類
 */
public class Constant {
    
    public static final class ConValue{
        
        /**
         * Tab選項卡的圖標
         */
        public static int   mImageViewArray[] = {R.drawable.tab_icon1,
                                                 R.drawable.tab_icon2,
                                                 R.drawable.tab_icon3,
                                                 R.drawable.tab_icon4,
                                                 R.drawable.tab_icon5};

        /**
         * Tab選項卡的文字
         */
        public static String mTextviewArray[] = {"主頁", "關於", "設置", "搜索", "更多"};
        
        
        /**
         * 每個Tab界面
         */
        public static Class mTabClassArray[]= {Activity1.class,
                                               Activity2.class,
                                               Activity3.class,
                                               Activity4.class,
                                               Activity5.class};
    }
}
Constant.java
七、定義自定義Tab選項卡Activity類,在這個類中咱們能夠採用兩種方法編寫標籤頁:
<1> 第一種是繼承TabActivity ,而後使用getTabHost()獲取TabHost對象;
<2> 第二種方法是使用自定的TabHost在佈局文件上<TabHost>的自定義其ID,而後經過findViewById(),方法得到TabHost對象。 
本文中採用是繼承TabActivity的方法, TabActivity1.java:
package com.example.hiyou;

import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;
import android.widget.TextView;

import com.example.hiyou.Constant.ConValue;
/**
 *    功能描述:第一種實現方法,自定義TabHost
 */
public class TabActivity1 extends TabActivity {
    //定義TabHost對象
    private TabHost    tabHost;    
    //定義一個佈局
    private LayoutInflater layoutInflater;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
           setContentView(R.layout.main_tab_layout1);            
            initView();
    }

    /**
     * 初始化組件
     */
    private void initView(){
        //實例化TabHost對象,獲得TabHost
        tabHost = getTabHost();
        
        //實例化佈局對象
        layoutInflater = LayoutInflater.from(this);
        
        //獲得Activity的個數
        int count = ConValue.mTabClassArray.length;    
                
        for(int i = 0; i < count; i++){    
            //爲每個Tab按鈕設置圖標、文字和內容
            TabSpec tabSpec = tabHost.newTabSpec(ConValue.mTextviewArray[i]).setIndicator(getTabItemView(i)).setContent(getTabItemIntent(i));
            //將Tab按鈕添加進Tab選項卡中
            tabHost.addTab(tabSpec);
            //設置Tab按鈕的背景
            tabHost.getTabWidget().getChildAt(i).setBackgroundResource(R.drawable.selector_tab_background);
        }
    }
            
    /**
     * 給Tab按鈕設置圖標和文字
     */
    private View getTabItemView(int index){
        View view = layoutInflater.inflate(R.layout.tab_item_view, null);
    
        ImageView imageView = (ImageView) view.findViewById(R.id.imageview);

        if (imageView != null){
            imageView.setImageResource(ConValue.mImageViewArray[index]);
        }        
        TextView textView = (TextView) view.findViewById(R.id.textview);
        
        textView.setText(ConValue.mTextviewArray[index]);
    
        return view;
    }
    
    /**
     * 給Tab選項卡設置內容(每一個內容都是一個Activity)
     */
    private Intent getTabItemIntent(int index){
        Intent intent = new Intent(this, ConValue.mTabClassArray[index]);
        
        return intent;
    }
}
TabActivity1.java
這段代碼比較複雜,咱們須要詳細分析一下:
  <1> 首先須要作的是獲取TabHost對象,能夠經過TabActivtiy裏的getTabHsot()方法;
  <2> 接着向TabHost添加tabs.即調用tabHost.addTab(TabSpec) 方法。TabSpec主要包含了setIndicator 和 setContent 方法,經過這兩個方法來指定Tab 和 TanContent;
  <3> TabSpec 經過 .newTabSpec(String tag)來建立實例。實例化後對其屬性進行設置。setIndicator()設置tab,它有3個重載的函數:
  • public TabHost.TabSpec  setIndicatior(CharSwquence label,Drawable icon).指定tab的標題和圖標。
  • public TabHost.TabSpec (View view)經過View來自定義tab
  • public TabHost.TabSpec(CharSequence label) 指定tab的標題,此時無圖標。
  <4> setContent 指定tab的展現內容,它也有3種重載:
  • public TabHost.TabSpec setContent(TabHost.TabContentFactory )
  • public TabHost.TabSpec setContent(int ViewId)
  • public TabHost.TabSpec setContent(Intent intent)  
     後兩種方法比較後理解一個是經過 ViewId指定顯示的內容,如.setContent(R.id.Team_EditText),第三種則是直接經過Intent加載一個新的Activity頁。如.setContent(new Intent(this, MeetingActivity.class)));
八、最後再定義Tab選項卡內容的Activity,顯示對應的佈局頁面就好了,這裏只列出一個,Activity1.java:
package com.example.hiyou;

import android.app.Activity;
import android.os.Bundle;

public class Activity1 extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.layout_activity1);
    }
}

 

(二)第二中實現方式:隱藏TabWidget,經過RadioGroup和RadioButton實現底部菜單欄

這種方式更漂亮,也更靈活,大部分的應用程序基本都是使用這種方式,經過setCurrentTabByTag()方法來切換不一樣的選項卡。 

一、首先建立一個佈局界面,main_tab_layout2.xml:
<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="0.0dip"
            android:layout_weight="1.0" />

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.0"
            android:visibility="gone" />

        <RadioGroup
            android:id="@+id/main_radiogroup"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:background="@drawable/tab_widget_background"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            android:padding="2dip" >

            <RadioButton
                android:id="@+id/RadioButton0"
                style="@style/tab_item_background"
                android:drawableTop="@drawable/tab_icon1"
                android:text="主頁" 
                android:textColor="#ffffff"/>

            <RadioButton
                android:id="@+id/RadioButton1"
                style="@style/tab_item_background"
                android:drawableTop="@drawable/tab_icon2"
                android:text="關於" 
                android:textColor="#ffffff"/>

            <RadioButton
                android:id="@+id/RadioButton2"
                style="@style/tab_item_background"
                android:drawableTop="@drawable/tab_icon3"
                android:text="設置" 
                android:textColor="#ffffff"/>

            <RadioButton
                android:id="@+id/RadioButton3"
                style="@style/tab_item_background"
                android:drawableTop="@drawable/tab_icon4"
                android:text="搜索" 
                android:textColor="#ffffff"/>

            <RadioButton
                android:id="@+id/RadioButton4"
                style="@style/tab_item_background"
                android:drawableTop="@drawable/tab_icon5"
                android:text="更多" 
                android:textColor="#ffffff"/>
        </RadioGroup>
    </LinearLayout>

</TabHost>
main_tab_layout2.xml

二、而後在定義幾個用來存放Tab選項卡內容的activity佈局文件,同上activity1_layout.xml。

三、最後再定義一個自定義Tab按鈕的資源文件,selector_tab_background2.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/tab_item_p" android:state_pressed="true"/>
    <item android:drawable="@drawable/tab_item_d" android:state_checked="true"/>

</selector>

四、佈局界面講解完畢,接下來詳細講解java代碼

package com.example.hiyou;

import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;

import com.example.hiyou.Constant.ConValue;
/**
 *    功能描述:第二種實現方式,自定義RadioGroup
 */
public class TabActivity2 extends TabActivity {

    //定義TabHost對象
    private TabHost tabHost;
    
    //定義RadioGroup對象
    private RadioGroup radioGroup;
    
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_tab_layout2);
        
        initView();
        
        initData();
    }
    
    /**
     * 初始化組件
     */
    private void initView(){
        //實例化TabHost,獲得TabHost對象
        tabHost = getTabHost();
        
        //獲得Activity的個數
        int count = ConValue.mTabClassArray.length;                
                
        for(int i = 0; i < count; i++){    
            //爲每個Tab按鈕設置圖標、文字和內容
            TabSpec tabSpec = tabHost.newTabSpec(ConValue.mTextviewArray[i]).setIndicator(ConValue.mTextviewArray[i]).setContent(getTabItemIntent(i));
            //將Tab按鈕添加進Tab選項卡中
            tabHost.addTab(tabSpec);
        }
        
        //實例化RadioGroup
        radioGroup = (RadioGroup) findViewById(R.id.main_radiogroup);
    }
    
    /**
     * 初始化組件
     */
    private void initData() {
        // 給radioGroup設置監聽事件
        radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                switch (checkedId) {
                case R.id.RadioButton0:
                    tabHost.setCurrentTabByTag(ConValue.mTextviewArray[0]);
                    break;
                case R.id.RadioButton1:
                    tabHost.setCurrentTabByTag(ConValue.mTextviewArray[1]);
                    break;
                case R.id.RadioButton2:
                    tabHost.setCurrentTabByTag(ConValue.mTextviewArray[2]);
                    break;
                case R.id.RadioButton3:
                    tabHost.setCurrentTabByTag(ConValue.mTextviewArray[3]);
                    break;
                case R.id.RadioButton4:
                    tabHost.setCurrentTabByTag(ConValue.mTextviewArray[4]);
                    break;
                }
            }
        });
        ((RadioButton) radioGroup.getChildAt(0)).toggle();
    }
    
    /**
     * 給Tab選項卡設置內容(每一個內容都是一個Activity)
     */
    private Intent getTabItemIntent(int index){
        Intent intent = new Intent(this, ConValue.mTabClassArray[index]);    
        return intent;
    }

}
TabActivity2.java

五、最後再定義Tab選項卡內容的Activity,同上Activity1.java。

 

源代碼下載:HiYou.zip

資料來源:【Android UI設計與開發】第06期:底部菜單欄(一)使用TabActivity實現底部菜單欄

 

3.10 ListView

 ListView類官方文檔地址:http://developer.android.com/reference/android/widget/ListView.html

ListView(列表視圖)是一個經常使用的組件,ListView裏面的每一個子項Item能夠是一個字符串,也能夠是一個組合控件。其數據內容以列表形式直接展現出來,好比作一個遊戲的排行榜,對話列表等等均可以使用列表來實現,且ListView的優勢是列表中的數據能夠自適應屏幕大小。

在android中,因爲數據來源多種多樣,如從資源文件讀取、從數據庫中讀取、從網絡上其餘地方讀取,而最終這些數據都將被展現在ListView中,因此android就用adapter設計模式,對應每種數據來源使用對應的adapter來鏈接數據和視圖。Adapter就是數據和視圖之間的橋樑,數據在adapter中作處理,而後顯示到ListView上面。

下面主要介紹三種adapter:ArrayAdapter<T>SimpleAdapter和SimpleCursorAdapter。
1.ArrayAdapter<T>:最簡單的適配器

ArrayAdapter類官方文檔地址:http://developer.android.com/reference/android/widget/ArrayAdapter.html

 

首先建立存放ListView的Activity所須要的佈局activity_main.xml文件。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    tools:context=".MainActivity" >  
  
    <ListView  
        android:id="@+id/list"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" />  
</LinearLayout>  

上面代碼建立了一個佈局配置文件,裏面只放了一個ListView控件,將其ID設置爲:list。
接下來是list_item.xml,用來設置ListView中每一個Item的佈局,是ListItem的XML實現。
Android提供了多種ListItem的Layout (R.layout),如下是較爲經常使用的:

   android.R.layout.simple_list_item_1                 //一行text
   android.R.layout.simple_list_item_2                 //一行title,一行text
   android.R.layout.simple_list_item_single_choice     //單選按鈕
   android.R.layout.simple_list_item_multiple_choice   //多選按鈕
   android.R.layout.simple_list_item_checked           //checkbox

咱們能夠自定義本身的Layout(list_item.xml):

<TextView xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"   
    android:textStyle="bold"  
    android:textSize="30sp"  
    android:padding="10sp">  
</TextView> 

要注意的是自定義list_item.xml的根節點必須是TextView,不然就會有ArrayAdapter requires the resource ID to be a TextView的錯誤。
最後是MainActivity.java代碼,先找出ListView,而後往ListView裏填充數組data。

package com.example.hiyou;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    /**
     * 初始化組件
     */
    private void initView() {
        String[] data = { "列表1", "列表2", "列表3", "列表4", "列表5" };
        // 綁定XML中的ListView,做爲data的容器
        ListView listview = (ListView) findViewById(R.id.list);
        /*
         * 實例化適配器 
         * 第一個參數:Context 
         * 第二個參數:ListView中每一行佈局樣式 
         * 第三個參數:列表數據容器
         */
        ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this,
                R.layout.list_item, data);
        listview.setAdapter(arrayAdapter);// 將適配器數據映射ListView上
        listview.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                  Toast.makeText(MainActivity.this,
                            "當前選中列表項的下標爲:" + arg2, Toast.LENGTH_SHORT).show();
            }
        });
    }

}
MainActivity.class

顯示一個帶有數據的ListView的步驟以下:
1.實例一個添加數據的容器,並將數據放入容器。
2.實例列表適配器,而且實例適配器時將數據傳入。
3.實例一個ListView,而且爲其設置適配器。
4.利用setContentView()函數顯示ListView
由於列表中每一項數據都是一個Item,因此將ListView綁定使用OnItemClickListener項單擊監聽器,而且重寫監聽器中的onItemClick()函數。
onItemClick()函數的第一個參數是出發的適配器,第二個參數數觸發的視圖,第三個參數是適配器中項的位置下標,第四個參數是ListView項下標。

 

2.SimpleAdapter:具備很好擴展性的適配器,能夠顯示自定義內容。

SimpleAdapter類官方文檔地址:http://developer.android.com/reference/android/widget/SimpleAdapter.html

修改前面Demo的list_item.xml和MainActivity.class文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/iv"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/bigtv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp"
            android:textSize="20sp" />

        <TextView
            android:id="@+id/smalltv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="12sp" />
    </LinearLayout>

</LinearLayout>
list_item.xml
package com.example.hiyou;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    /**
     * 初始化組件
     */
    private void initView() {
        // 建立動態數組數據源  
        List<HashMap<String, Object>> data = new ArrayList<HashMap<String, Object>>();
        
     // 實例化一個列表數據容器
        HashMap<String, Object> map1 = new HashMap<String, Object>();
        // 往列表容器中添加數據
        /*
         * map.put(String key,Object value) 第一個參數用於初始化適配器時須要映射數據對應的索引;
         * 第二個參數表示對應自定義項佈局中的組件數據
         * 進行添加數據時,每個put()函數都對應自定義ListView項中的一個組件;按鈕、複選框等組件是沒法映射的。
         */
        map1.put("item1_imageview", R.drawable.list1);
        map1.put("item1_bigtv", "一加手機發布:強調手感 ");
        map1.put("item1_smalltv", "國內手機新品牌一加手機今日在北京發佈其首款產品,這是一款強調設計的手機新品,配備驍龍801處理器。16GB版售價1999.99元。");
        // 將列表數據添加到列表容器中
        data.add(map1);

        HashMap<String, Object> map2 = new HashMap<String, Object>();
        map2.put("item1_imageview", R.drawable.list2);
        map2.put("item1_bigtv", " LG L90美國發售");
        map2.put("item1_smalltv", "今日,LG L90正式在美國以T-Mobile定製機的形式進行發售,售價爲228美圓。");
        data.add(map2);
        // 綁定XML中的ListView,做爲data的容器
        ListView listview = (ListView) findViewById(R.id.list);
        // 動態數組數據源中與ListItem中每一個顯示項對應的Key  
        String[] from = new String[] {  "item1_imageview", "item1_bigtv", "item1_smalltv"};  
        // ListItem的XML文件裏面的一個ImageView ID和兩個TextView ID  
        int[] to = new int[] {  R.id.iv, R.id.bigtv, R.id.smalltv  };  
        // 將動態數組數據源data中的數據填充到ListItem的XML文件list_item.xml中去  
        // 從動態數組數據源data中,取出from數組中key對應的value值,填充到to數組中對應ID的控件中去 
        /*
         * 實例化SimpleAdapter適配器構造函數Simple(Contect context,List data,int resource,String[] from,int[] to)
         *  context:當前context對象
         * data:ListView各項數據 
         * resource:ListView每一項的佈局 
         * from:每一項佈局中的數據映射索引數組
         * to:每一項中數據對應的組件ID數組
         */
        SimpleAdapter adapter = new SimpleAdapter(this, data, R.layout.list_item, from, to);
        listview.setAdapter(adapter);// 將適配器數據映射ListView上
        listview.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                  Toast.makeText(MainActivity.this,
                            "當前選中列表項的爲第" + (arg2+1)+"列。", Toast.LENGTH_SHORT).show();
            }
        });
    }

}
MainActivity.class

 

3.SimpleCursorAdapter

SimpleCursorAdapter類官方文檔地址:http://developer.android.com/reference/android/widget/SimpleCursorAdapter.html

 下面用SimpleCursorAdapter來實現上一節中用SimpleAdapter實現的一樣的效果,activity_main.xml文件和list_item.xml文件都不須要更改,只須要更改MainActivity.java代碼。

package com.example.hiyou;

import android.app.Activity;
import android.content.ContentValues;
import android.database.Cursor;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.SimpleCursorAdapter;
import android.widget.Toast;

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    /**
     * 初始化組件
     */
    private void initView() {
         DBHelper dbHelper = new DBHelper(this);  
            // 向數據庫中插入數據  
            insertDataIntoDB(dbHelper);  
            Cursor cursor = dbHelper.query();  
        // 綁定XML中的ListView,做爲data的容器
        ListView listview = (ListView) findViewById(R.id.list);
        // 動態數組數據源中與ListItem中每一個顯示項對應的Key,要與建立的數據庫列名同樣  
        String[] from = new String[] {  "iv", "bigtv", "smalltv"};  
        // ListItem的XML文件裏面的一個ImageView ID和兩個TextView ID  
        int[] to = new int[] {  R.id.iv, R.id.bigtv, R.id.smalltv  };  
        // 將動態數組數據源data中的數據填充到ListItem的XML文件list_item.xml中去  
        // 從動態數組數據源data中,取出from數組中key對應的value值,填充到to數組中對應ID的控件中去 
        /*
         * 實例化SimpleCursorAdapter適配器構造函數SimpleCursorAdapter(context, layout, c, from, to)
         *  context:當前context對象
         * layout每一項的佈局 
         * c:
         * from:每一項佈局中的數據映射索引數組
         * to:每一項中數據對應的組件ID數組
         */
        SimpleCursorAdapter  adapter = new SimpleCursorAdapter (this, R.layout.list_item,cursor, from, to);
        listview.setAdapter(adapter);// 將適配器數據映射ListView上
        listview.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                  Toast.makeText(MainActivity.this,
                            "當前選中列表項的爲第" + (arg2+1)+"列。", Toast.LENGTH_SHORT).show();
            }
        });
    }


    private void insertDataIntoDB(DBHelper dbHelper) {
        dbHelper.clear();
        //向數據庫插入數據
        ContentValues values1 = new ContentValues();
        values1.put("iv", R.drawable.list1);
        values1.put("bigtv", "一加手機發布:強調手感 ");
        values1.put("smalltv",
                "國內手機新品牌一加手機今日在北京發佈其首款產品,這是一款強調設計的手機新品,配備驍龍801處理器。16GB版售價1999.99元。");
        dbHelper.insert(values1);
        ContentValues values2 = new ContentValues();
        values2.put("iv", R.drawable.list2);
        values2.put("bigtv", "LG L90美國發售 ");
        values2.put("smalltv", "今日,LG L90正式在美國以T-Mobile定製機的形式進行發售,售價爲228美圓。");
        dbHelper.insert(values2);
    }
}
MainActivity.class

這裏經過DBHelper這個類來實現數據庫的插入和查詢功能。

package com.example.hiyou;

import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;

public class DBHelper extends SQLiteOpenHelper {  
      
    public DBHelper(Context context) {  
        super(context, "testDB", null, 1);  
    }  
  
    @Override  
    public void onCreate(SQLiteDatabase db) {  //若是數據庫不存在建立數據庫tbl_test
        String createTableSQL = "create table IF NOT EXISTS tbl_test "  
                + "(_id integer primary key autoincrement, iv int, "  
                + "bigtv text, smalltv text)";  
        db.execSQL(createTableSQL);  
    }  
  //數據新增操做
    public void insert(ContentValues values) {  
        SQLiteDatabase db = getWritableDatabase();  
        db.insert("tbl_test", null, values);  
    }  
  //遊標查詢數據庫
    public Cursor query() {  
        SQLiteDatabase db = getWritableDatabase();  
        Cursor cursor = db.query("tbl_test", null, null, null, null, null, null);  
        return cursor;  
    }  
  //清除數據庫中的數據
    public void clear() {  
        SQLiteDatabase db = getWritableDatabase();  
        db.delete("tbl_test", null, null);  
    }  
  //關閉讀取數據庫
    public void close() {  
        SQLiteDatabase db = getWritableDatabase();  
        db.close();  
    }  
  
    @Override  
    public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {  
    }  
  
}  
DBHelper.class

 

自定義Adapter

使用android提供的adapter來繪製列表的話,列表的每一項的顯示都是同樣的。並且按鈕和複選框等這些事件的組件實際上是沒法將數據映射在ListView上的。因此若是要監聽和響應按鈕、複選框等組件的事件時,則須要進行自定義適配器來完成。

下面示例實現獲取SD卡內的MP3格式歌曲信息經過ListView顯示歌曲專輯圖片、歌曲名稱、歌手名,而且ListView的單雙行不一樣顏色顯示,這須要自定義adapter的子類。adapter的經常使用子類有BaseAdapter、ArrayAdapter、SimpleAdapter等,下面介紹自定義BaseAdapter和ArrayAdapter的實現。

1.自定義BaseAdapter

爲了實現ListView的單雙行不一樣顏色顯示,須要自定義adapter的子類,下面咱們實現自定義的MusicAdapter類。MusicAdapter類繼承自BaseAdapter類,BaseAdapter爲抽象類,繼承它須要實現以下方法,所以具備較高的靈活性。

public class MusicAdapter extends BaseAdapter {  
  
    @Override  
    public int getCount() {  
        return 0;  
    }  
  
    @Override  
    public Object getItem(int arg0) {  
        return null;  
    }  
  
    @Override  
    public long getItemId(int position) {  
        return 0;  
    }  
  
  //實例化佈局和組件以及設置組件數據
  //getView(int position, View convertView, ViewGroup parent) 
  //position:繪製的行數
  //convertView:繪製的視圖,這裏指的是ListView中的每一項佈局
  //parent:view的合集
    @Override  
    public View getView(int position, View convertView, ViewGroup parent) {  
        // TODO Auto-generated method stub  
        return null;  
    }  
}  

ListView在繪製時首先會調用getCount()方法獲得繪製次數,而後經過getView()方法一層一層進行繪製,因此咱們能夠在getView()方法中根據position(當前繪製的ID)來的修改繪製內容。而getItem()和getItemId()則在須要處理和取得Adapter中的數據時調用。

package com.example.hiyou;

import java.util.ArrayList;
import java.util.List;
import android.content.ContentResolver;
import android.content.Context;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.provider.MediaStore;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class MusicAdapter  extends BaseAdapter {  
      private int[] colors = new int[] { 0xff3cb371, 0xffa0a0a0 };  
     // 用來得到ContentProvider(共享數據庫)
    public ContentResolver cr;
    // 用來裝查詢到的音樂文件數據
    public Cursor cur;
    // 歌曲信息列表
    public List<MusicInfo> musicList;
    public Context context;

    public MusicAdapter(Context context) {
        this.context = context;
        // 取得數據庫對象
        cr = context.getContentResolver();
        musicList = new ArrayList<MusicInfo>();

        String[] mString = new String[] {  MediaStore.Audio.Media.DISPLAY_NAME,
                MediaStore.Audio.Media.ALBUM, MediaStore.Audio.Media.ARTIST,
                MediaStore.Audio.Media.DURATION, MediaStore.Audio.Media.SIZE,
                MediaStore.Audio.Media.ALBUM_ID, MediaStore.Audio.Media.DATA,MediaStore.Audio.Media._ID };
        // 查詢全部音樂信息
        cur = cr.query(MediaStore.Audio.Media.EXTERNAL_CONTENT_URI, mString,
                null, null, null);

        if (cur != null) {
            // 移動遊標到第一個
            cur.moveToFirst();
            int j = 1;
            for (int i = 0; i < cur.getCount(); i++) {
                if (cur.getString(0).endsWith(".mp3")) {// 過濾獲取MP3文件
                    MusicInfo mInfo = new MusicInfo();
                    String musicName = cur.getString(0).substring(0,
                            cur.getString(0).lastIndexOf(".mp3"));
                    mInfo.setMusicIndex(j++);
                    mInfo.setMusicName(musicName);
                    mInfo.setMusicAlubm(cur.getString(1));
                    mInfo.setMusicSinger(cur.getString(2));
                    mInfo.setMusicTime(cur.getInt(3));
                    mInfo.setMusicSize(cur.getInt(4));
                    mInfo.setMusicAlubmId(cur.getInt(5));
                    mInfo.setMusicPath(cur.getString(6));
                    mInfo.setMusicId(cur.getInt(7));
                    musicList.add(mInfo);
                }
                cur.moveToNext();
            }

        }
    }

    @Override
    public int getCount() {
        return musicList.size();//返回ListView項的長度
    }

    @Override
    public Object getItem(int arg0) {
        return musicList.get(arg0);
    }

    @Override
    public long getItemId(int arg0) {
        return arg0;
    }

  //實例化佈局和組件以及設置組件數據
  //getView(int position, View convertView, ViewGroup parent) 
  //position:繪製的行數
  //convertView:繪製的視圖,這裏指的是ListView中的每一項佈局
  //parent:view的合集
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;  
         if (convertView == null) {  
             holder = new ViewHolder();  
             //將佈局經過LayoutInflater對象實例化爲一個view
             convertView = LayoutInflater.from(context).inflate(  
                     R.layout.list_item, null);  
             holder.songImage = (ImageView) convertView.findViewById(R.id.listImage);  
             holder.singerName = (TextView) convertView.findViewById(R.id.list_Singer);  
             holder.songName = (TextView) convertView.findViewById(R.id.listName);  
          // 將holder綁定到convertView  
             convertView.setTag(holder); 
         }else {  
             holder = (ViewHolder) convertView.getTag();  
         }  
         // 向ViewHolder中填入的數據  
        int mid = musicList.get(position).getMusicIndex();
        String musicName = musicList.get(position).getMusicName();
        String musciSinger = musicList.get(position).getMusicSinger();
        if (musciSinger.contains("<unknown>")) {
            musciSinger = "<未知>";
        }
        Bitmap img = MusicUtils.getArtwork(context,musicList.get(position).getMusicId(),musicList.get(position).getMusicAlubmId(), true);
        holder.songName.setText(mid + ". " + musicName);
        holder.singerName.setText(musciSinger);
        holder.songImage.setImageBitmap(img);
        int colorPos = position % colors.length;  
        convertView.setBackgroundColor(colors[colorPos]);  //控制背景顏色
        return convertView;
    }

    /** 
     * ViewHolder類用以儲存item中控件的引用 
     */  
    final class ViewHolder {  
        ImageView songImage;  
        TextView songName;  
        TextView singerName;  
    }  

}  

MusicAdapter.class
MusicAdapter

getView()方法用來得到繪製每一個item的View對象,若是每次getView()被執行都new出一個View對象,久而久之會產生很大的消耗,特別當item中還有Bitmap等,甚至會形成OOM的錯誤致使程序崩潰。從上面的代碼能夠看到getView()有一個convertView參數,這個參數用來緩存View對象。當ListView滑動的過程當中,會有item被滑出屏幕而再也不被使用,這時候Android會回收這個item的view,這個view也就是這裏的convertView。這樣若是convertView不爲null,就不用new出一個新的View對象,只用往convertView中填充新的item,這樣就省去了new View的大量開銷。

在上面的代碼中,在緩存convertView減小new View開銷的同時,經過setTag()方法將數據結構ViewHolder綁定到convertView,從而利用ViewHolder存儲convertView中控件對象的引用,這樣避免每次調用findViewById()方法。

相關類:

package com.example.hiyou;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

public class MainActivity extends Activity {

    public MusicAdapter mAdapter;
    private ListView mListView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    /**
     * 初始化組件
     */
    private void initView() {

        // 綁定XML中的ListView,做爲Item的容器
        mListView = (ListView) findViewById(R.id.list);
        mAdapter = new MusicAdapter(MainActivity.this);
        mListView.setAdapter(mAdapter);
    }

}
MainActivity.class
package com.example.hiyou;

import java.io.FileDescriptor;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStream;
import android.content.ContentResolver;
import android.content.ContentUris;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.ParcelFileDescriptor;
/***
 * 
 * @author Jerryc
 *音樂助手類
 */
public class MusicUtils {
    private static final Uri sArtworkUri = Uri
            .parse("content://media/external/audio/albumart");
    private static final BitmapFactory.Options sBitmapOptions = new BitmapFactory.Options();
    private static Bitmap mCachedBit = null;
//獲取音樂文件專輯圖片
    public static Bitmap getArtwork(Context context, long song_id,
            long album_id, boolean allowdefault) {
        if (album_id < 0) {
            // This is something that is not in the database, so get the album
            // art directly
            // from the file.
            if (song_id >= 0) {
                Bitmap bm = getArtworkFromFile(context, song_id, -1);
                if (bm != null) {
                    return bm;
                }
            }
            if (allowdefault) {
                return getDefaultArtwork(context);
            }
            return null;
        }
        ContentResolver res = context.getContentResolver();
        Uri uri = ContentUris.withAppendedId(sArtworkUri, album_id);
        if (uri != null) {
            InputStream in = null;
            try {
                in = res.openInputStream(uri);
                return BitmapFactory.decodeStream(in, null, sBitmapOptions);
            } catch (FileNotFoundException ex) {
                // The album art thumbnail does not actually exist. Maybe the
                // user deleted it, or
                // maybe it never existed to begin with.
                Bitmap bm = getArtworkFromFile(context, song_id, album_id);
                if (bm != null) {
                    if (bm.getConfig() == null) {
                        bm = bm.copy(Bitmap.Config.RGB_565, false);
                        if (bm == null && allowdefault) {
                            return getDefaultArtwork(context);
                        }
                    }
                } else if (allowdefault) {
                    bm = getDefaultArtwork(context);
                }
                return bm;
            } finally {
                try {
                    if (in != null) {
                        in.close();
                    }
                } catch (IOException ex) {
                }
            }
        }

        return null;
    }

    private static Bitmap getArtworkFromFile(Context context, long songid,
            long albumid) {
        Bitmap bm = null;
        byte[] art = null;
        String path = null;
        if (albumid < 0 && songid < 0) {
            throw new IllegalArgumentException(
                    "Must specify an album or a song id");
        }
        try {
            if (albumid < 0) {
                Uri uri = Uri.parse("content://media/external/audio/media/"
                        + songid + "/albumart");
                ParcelFileDescriptor pfd = context.getContentResolver()
                        .openFileDescriptor(uri, "r");
                if (pfd != null) {
                    FileDescriptor fd = pfd.getFileDescriptor();
                    bm = BitmapFactory.decodeFileDescriptor(fd);
                }
            } else {
                Uri uri = ContentUris.withAppendedId(sArtworkUri, albumid);
                ParcelFileDescriptor pfd = context.getContentResolver()
                        .openFileDescriptor(uri, "r");
                if (pfd != null) {
                    FileDescriptor fd = pfd.getFileDescriptor();
                    bm = BitmapFactory.decodeFileDescriptor(fd);
                }
            }
        } catch (FileNotFoundException ex) {

        }
        if (bm != null) {
            mCachedBit = bm;
        }
        return bm;
    }

    private static Bitmap getDefaultArtwork(Context context) {
        BitmapFactory.Options opts = new BitmapFactory.Options();
        opts.inPreferredConfig = Bitmap.Config.RGB_565;
        return BitmapFactory.decodeStream(context.getResources()
                .openRawResource(R.drawable.album), null, opts);
    }
}
MusicUtils.class
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <LinearLayout
        android:layout_width="50sp"
        android:layout_height="50sp"
        android:orientation="vertical" android:gravity="center" >

        <ImageView
            android:id="@+id/listImage"
            android:layout_width="40sp"
            android:layout_height="40sp" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50sp"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/listName"
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:paddingLeft="10dp"
            android:singleLine="true"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/list_Singer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:paddingLeft="10dp"
            android:singleLine="true"
            android:textSize="13sp" />
    </LinearLayout>

</LinearLayout>
list_item.xml
package com.example.hiyou;

/**
 *   歌曲信息類
 */
public class MusicInfo {
    private int musicIndex;  //排序號
    private int songId;//歌曲ID
    private int musicAlubmId;//專輯ID
    private String musicName;// 歌曲名
    private String musicSinger;// 歌手名
    private int musicTime;// 歌曲時間長度
    private String musicAlubm;// 專輯名稱
    private int musicSize;// 曲歌大小
    private String musicPath;// 歌曲路徑

    public int getMusicIndex() {
        return musicIndex;
    }

    public void setMusicIndex(int musicIndex) {
        this.musicIndex = musicIndex;
    }
    public int getMusicId() {
        return songId;
    }

    public void setMusicId(int songId) {
        this.songId = songId;
    }
    public int getMusicAlubmId() {
        return musicAlubmId;
    }

    public void setMusicAlubmId(int musicAlubmId) {
        this.musicAlubmId = musicAlubmId;
    }

    public String getMusicName() {
        return musicName;
    }

    public void setMusicName(String musicName) {
        this.musicName = musicName;
    }

    public String getMusicSinger() {
        return musicSinger;
    }

    public void setMusicSinger(String musicSinger) {
        this.musicSinger = musicSinger;
    }

    public int getMusicTime() {
        return musicTime;
    }

    public void setMusicTime(int musicTime) {
        this.musicTime = musicTime;
    }

    public String getMusicAlubm() {
        return musicAlubm;
    }

    public void setMusicAlubm(String musicAlubm) {
        this.musicAlubm = musicAlubm;
    }

    public int getMusicSize() {
        return musicSize;
    }

    public void setMusicSize(int musicSize) {
        this.musicSize = musicSize;
    }

    public String getMusicPath() {
        return musicPath;
    }

    public void setMusicPath(String musicPath) {
        this.musicPath = musicPath;
    }

}
MusicInfo.class

 

2.自定義ArrayAdapter<T>

在開發中須要將對象顯示在listview中,這時候使用ArrayAdapter<T>來顯示指定對象類型。下面自定義ArrayAdapter<T>實現上一節中自定義BaseAdapter實現的一樣的效果,首先定義要顯示的對象,代碼參照前面的MusicInfo.class

MainActivity.java代碼修改以下:

package com.example.hiyou;

import java.util.ArrayList;
import android.app.Activity;
import android.content.ContentResolver;
import android.database.Cursor;
import android.os.Bundle;
import android.provider.MediaStore;
import android.widget.ListView;

public class MainActivity extends Activity {

    public MyArrayAdapter mAdapter;
    private ListView mListView;
    // 用來得到ContentProvider(共享數據庫)
    public ContentResolver cr;
    // 用來裝查詢到的音樂文件數據
    public Cursor cur;
    // 歌曲信息列表
    public ArrayList<MusicInfo> musicList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    /**
     * 初始化組件
     */
    private void initView() {
        // 取得數據庫對象
        cr = getContentResolver();
        musicList = new ArrayList<MusicInfo>();
        String[] mString = new String[] { MediaStore.Audio.Media.DISPLAY_NAME,
                MediaStore.Audio.Media.ALBUM, MediaStore.Audio.Media.ARTIST,
                MediaStore.Audio.Media.DURATION, MediaStore.Audio.Media.SIZE,
                MediaStore.Audio.Media.ALBUM_ID, MediaStore.Audio.Media.DATA,
                MediaStore.Audio.Media._ID };
        // 查詢全部音樂信息
        cur = cr.query(MediaStore.Audio.Media.EXTERNAL_CONTENT_URI, mString,
                null, null, null);

        if (cur != null) {
            // 移動遊標到第一個
            cur.moveToFirst();
            int j = 1;
            for (int i = 0; i < cur.getCount(); i++) {
                if (cur.getString(0).endsWith(".mp3")) {// 過濾獲取MP3文件
                    MusicInfo mInfo = new MusicInfo();
                    String musicName = cur.getString(0).substring(0,
                            cur.getString(0).lastIndexOf(".mp3"));
                    mInfo.setMusicIndex(j++);
                    mInfo.setMusicName(musicName);
                    mInfo.setMusicAlubm(cur.getString(1));
                    mInfo.setMusicSinger(cur.getString(2));
                    mInfo.setMusicTime(cur.getInt(3));
                    mInfo.setMusicSize(cur.getInt(4));
                    mInfo.setMusicAlubmId(cur.getInt(5));
                    mInfo.setMusicPath(cur.getString(6));
                    mInfo.setMusicId(cur.getInt(7));
                    musicList.add(mInfo);
                }
                cur.moveToNext();
            }

        }

        // 綁定XML中的ListView,做爲Item的容器
        mListView = (ListView) findViewById(R.id.list);
        mAdapter = new MyArrayAdapter(MainActivity.this, R.layout.list_item,
                musicList);
        mListView.setAdapter(mAdapter);
    }

}
MainActivity

接下來自定義繼承自ArrayAdapter<MusicInfo>MyArrayAdapter類,繼承ArrayAdapter<MusicInfo>只須要重寫getView()方法就能夠實現與上一節相同的效果,而且不用保存List<MusicInfo>對象引用。

package com.example.hiyou;

import java.util.List;
import android.content.Context;
import android.graphics.Bitmap;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class MyArrayAdapter extends ArrayAdapter<MusicInfo> {
     private int[] colors = new int[] { 0xff3cb371, 0xffa0a0a0 };
    private Context mContext;
    private int resource;

    public MyArrayAdapter(Context context, int resource,List<MusicInfo> musicList) {
        super(context, resource,musicList);
        this.mContext = context;
        this.resource = resource;
        
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;  
        if (convertView == null) {  
            holder = new ViewHolder();  
            convertView = LayoutInflater.from(mContext).inflate(  
                   resource, null);  
            holder.songImage = (ImageView) convertView.findViewById(R.id.listImage);  
            holder.singerName = (TextView) convertView.findViewById(R.id.list_Singer);  
            holder.songName = (TextView) convertView.findViewById(R.id.listName);  
         // 將holder綁定到convertView  
            convertView.setTag(holder); 
        }else {  
            holder = (ViewHolder) convertView.getTag();  
        }  
        // 向ViewHolder中填入的數據  
       int mid =getItem(position).getMusicIndex();
       String musicName = getItem(position).getMusicName();
       String musciSinger =getItem(position).getMusicSinger();
       if (musciSinger.contains("<unknown>")) {
           musciSinger = "<未知>";
       }
       Bitmap img = MusicUtils.getArtwork(mContext,getItem(position).getMusicId(),getItem(position).getMusicAlubmId(), true);
       holder.songName.setText(mid + ". " + musicName);
       holder.singerName.setText(musciSinger);
       holder.songImage.setImageBitmap(img);
       int colorPos = position % colors.length;  
       convertView.setBackgroundColor(colors[colorPos]);  //控制背景顏色
       return convertView;
   }

   /** 
    * ViewHolder類用以儲存item中控件的引用 
    */  
   final class ViewHolder {  
       ImageView songImage;  
       TextView songName;  
       TextView singerName;  
   }  

}
MyArrayAdapter
相關文章
相關標籤/搜索