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>
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(); } } }
上面這個Activity繼承了TabActivitysql
官方文檔在介紹TabActivity有下面這麼一句話數據庫
大概的意思是說:這個類已經在Android4.0的系統中被棄用了,新的應用程序應該使用Fragment來代替該類的開發windows
其實谷歌有此舉動,咱們也應該早就想到了,爲何會這麼說呢?那就要從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。緩存
咱們都知道,想啓動一個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曾經在Android2.2/2.3版本那麼顯赫一時,不過終究仍是逃不過被谷歌遺棄的命運。
說了這麼多,那就讓咱們來看看它當年究竟是怎樣的叱吒風雲,咱們將使用兩種不一樣的方式來實現,可是最終的效果都是同樣的,
以下圖所示:
(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>
<?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按鈕字體和背景格式的統一,在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}; } }
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; } }
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); } }
這種方式更漂亮,也更靈活,大部分的應用程序基本都是使用這種方式,經過setCurrentTabByTag()方法來切換不一樣的選項卡。
<?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>
二、而後在定義幾個用來存放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; } }
五、最後再定義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(); } }); } }
顯示一個帶有數據的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>
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(); } }); } }
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); } }
這裏經過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) { } }
自定義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
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); } }
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); } }
<?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>
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; } }
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); } }
接下來自定義繼承自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; } }