Android基礎09-ListView

一、上節回顧:

(一)、三大表單控件中需要記憶的核心方法:

1、RadioButton:

RadioGroup類中的getCheckedRadioButtonId()

2、CheckBox:

CheckBox類中的?isChecked?()

CheckBox類中的setChecked()

3、Spinner:

Spinner類中的?setAdapter()

AdapterView類中的?getSelectedItem()

AdapterView類的getItemAtPosition()

(二)、三大表單控件中的事件監聽器:

1、RadioGroup.OnCheckedChangeListener?? ? ? ? ? ??單選按鈕組的勾選項改變監聽器

2、CompoundButton.OnCheckedChangeListener?? ?多選框勾選項改變監聽器

3、AdapterView.OnItemSelectedListener?? ? ? ? ? ? ? ? ?下拉列表框條目被選中監聽器


二、ListView介紹:

(一)、 ListView?概念:

????????ListView是Android中最重要的組件之一,幾乎每個Android應用中都會使用ListView。它以垂直列表的方式列出所需的列表項。

java.lang.Object

? ?? android.view.View

? ? ? android.view.ViewGroup

? ? ? ? android.widget.AdapterView

? ? ? ? ? android.widget.AbsListView

? ? ? ? ? ? android.widget.ListView

【備注:】

java.lang.Object

? ?? android.view.View

? ? ? android.view.ViewGroup

? ? ? ? android.widget.AdapterView

? ? ? ? ? android.widget.AbsSpinner

? ? ? ? ? ? android.widget.Spinner

(二)、ListView的兩個職責:

將數據填充到布局;

處理用戶的選擇點擊等操作。

(三)、列表的顯示需要三個元素:

1.ListVeiw:用來展示列表的View;

2.適配器: 用來把數據映射到ListView上的中介;

3.數據源: 具體的將被映射的字符串,圖片,或者基本組件。

(四)、什么是適配器?

????????適配器是一個連接數據和AdapterView的橋梁,通過它能有效地實現數據與AdapterView的分離設置,使AdapterView與數據的綁定更加簡便,修改更加方便。將數據源的數據適配到ListView中的常用適配器有:ArrayAdapter、SimpleAdapter 和 SimpleCursorAdapter。

ArrayAdapter最為簡單,只能展示一行字;

SimpleAdapter有最好的擴充性,可以自定義各種各樣的布局,除了文本外,還可以放ImageView(圖片)、Button(按鈕)、CheckBox(復選框)等等;

SimpleCursorAdapter可以認為是SimpleAdapter對數據庫的簡單結合,可以方便地把數據庫的內容以列表的形式展示出來。

但是實際工作中,常用自定義適配器。即繼承于BaseAdapter的自定義適配器類。

(五)、ListView的常用UI屬性:

android:divider

android:dividerHeight

android:entries

android:footerDividersEnabled

android:headerDividersEnabled


三、創建ListView:

(一)、ArrayAdapter實現單行文本ListView:

????????(無需自定義布局,使用系統提供的布局)

1、使用步驟。

(1)、定義一個數組來存放ListView中item的內容;

(2)、通過實現ArrayAdapter的構造方法創建一個ArrayAdapter對象;

(3)、通過ListView的setAdapter()方法綁定ArrayAdapter。

【備注:】

????ArrayAdapter有多個構造方法,最常用三個參數的那種。

第一個參數:上下文對象;

第二個參數:ListView的每一行(也就是item)的布局資源id;

第三個參數:ListView的數據源。

2、使用系統自帶布局文件的不同效果:

????A、android.R.layout.simple_list_item_1:


????B、android.R.layout.simple_list_item_checked


????C、android.R.layout.simple_list_item_multiple_choice


????D、android.R.layout.simple_list_item_single_choice


3、核心代碼:

String[] strArr = new String[] { "yuhongxing", "sunshengling",

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "chenyanzhang", "huangchao", "liupengfei" };

listView_main_userList = (ListView) findViewById(R.id.listView_main_userlist);

ArrayAdapter adapter = new ArrayAdapter(

? ? ? ? ? ? ? ? MainActivity.this, android.R.layout.simple_list_item_1, strArr);

listView_main_userList.setAdapter(adapter);

【特別備注:】ListView的監聽器與Spinner的監聽器的區別:【重點】

Spinner是:setOnItemSelectedListener

ListView是:setOnItemClickListener

????????這兩個監聽器是否可以互換使用呢?

在Spinner中使用OnItemClickListener會異常。java.lang.RuntimeException: setOnItemClickListener cannot be used with a spinner。而如果在ListView中使用OnItemSelectedListener,則沒有反應,也就是說該監聽器不會被觸發執行;

OnItemSelectedListener?監聽器的回調方法中,parent.getSelectedItem()和parent.getItemAtPosition(position)都能返回object對象。而OnItemClickListener監聽器的回調方法中parent.getSelectedItem()只能返回null。

(二)、 SimpleAdapter?實現多行文本ListView:

????? ? (自定義item布局文件)

1、使用步驟。

(1)、定義一個集合來存放ListView中item的內容;

(2)、定義一個item的布局文件;

(3)、創建一個 SimpleAdapter?對象;

(3)、通過ListView的setAdapter()方法綁定 SimpleAdapter??。

2、核心代碼:

publicclassMainActivityextendsActivity {

privatestaticfinalStringTAG= "MainActivity";

privateListView listView_main_news;

privateList> list =null;

? ? ? @Override

protectedvoidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

listView_main_news = (ListView) findViewById(R.id.listView_main_news);

list =newArrayList>();

for(inti = 0; i < 5; i++) {

Map map =newHashMap();

map.put("username", "wangxiangjun_" + i);

map.put("password", "123456_" + i);

list.add(map);

}

Log.i(TAG, "==" + list.toString());

? ? ? ? ? // 定義SimpleAdapter適配器。

// 使用SimpleAdapter來作為ListView的適配器,比ArrayAdapter能展現更復雜的布局效果。為了顯示較為復雜的ListView的item效果,需要寫一個xml布局文件,來設置ListView中每一個item的格式。

SimpleAdapter adapter =newSimpleAdapter(this, list,

R.layout.item_listview_main,newString[] { "username",

"password" },newint[] {

R.id.text_item_listview_username,

R.id.text_item_listview_pwd});

listView_main_news.setAdapter(adapter);

}

? ? ? @Override

publicbooleanonCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.main, menu);

returntrue;

}

}

(三)、SimpleAdapter實現多行文本且帶圖片ListView:

1、使用步驟。

(1)、定義一個集合來存放ListView中item的內容;

(2)、定義一個item的布局文件;

(3)、創建一個?SimpleAdapter?對象;

(4)、通過ListView的setAdapter()方法綁定?SimpleAdapter 。

2、核心代碼:

publicclassMainActivityextendsActivity {

privateListView listView_main_regmsg;

privateint[] imgIds =newint[] { R.drawable.pic01, R.drawable.pic02,

R.drawable.pic03, R.drawable.pic04};

? ? ? @Override

protectedvoidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

listView_main_regmsg = (ListView) findViewById(R.id.listView_main_regmsg);

? ? ? ? ? ? ? ? // 創建數據源

List> list =newArrayList>();

for(inti = 0; i < imgIds.length; i++) {

Map map =newHashMap();

map.put("username", "wanglu_" + i);

map.put("pwd", "123456_" + i);

map.put("imgId", imgIds[i]);

list.add(map);

}

/*

* 常用的SimpleAdapter的構造方法有五個參數:

*

* @param context :表示上下文對象或者環境對象。

*

* @param data :表示數據源。往往采用List>集合對象。

*

* @param resource :自定義的ListView中每個item的布局文件。用R.layout.文件名的形式來調用。

*

* @param from :其實是數據源中Map的key組成的一個String數組。

*

* @param to :表示數據源中Map的value要放置在item中的哪個控件位置上。其實就是自定義的item布局文件中每個控件的id。

* 通過R.id.id名字的形式來調用。

*/

SimpleAdapter adapter =newSimpleAdapter(this, list,

R.layout.item_listview_main,newString[] { "username", "pwd",

"imgId" },newint[] {

R.id.text_item_listview_username,

R.id.text_item_listview_pwd,

R.id.imageView_item_listview_headpic});

? ? ? ? ? ? ? ? // 給ListView設置適配器

listView_main_regmsg.setAdapter(adapter);

}

? ? ? @Override

publicbooleanonCreateOptionsMenu(Menu menu) {

? ? ? ? ? ? ? ? // Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

returntrue;

}

}

(四)、BaseAdapter自定義適配器實現ListView:

1、使用步驟。

(1)、定義一個集合來存放ListView中item的內容;

(2)、定義一個item的布局文件;

(3)、定義一個 繼承了BaseAdapter的子類MyAdapter,重寫未實現的方法;(定義ViewHolder,重寫getView()方法)

(4)、創建一個內部類:MyAdapter extends BaseAdapter;

實現未實現的方法:getCount() 、getItem()、 getItemId()、 getView();

定義內部類ViewHolder,將item布局文件中的控件都定義成屬性;

構建一個布局填充器對象:LayoutInflater.from(context);

調用布局填充器對象的inflate()方法填充item布局文件,將返回的view對象賦值給convertView;

調用convertView對象的findViewById()獲取item布局中的控件,將控件對象賦值給ViewHolder中的屬性;

給convertView對象設置標簽,也就是調用setTag()方法,將ViewHolder對象作為標簽貼在convertView對象上;

從根據convertView的標簽,從convertView對象上取回ViewHolder對象。

(3)、通過ListView的setAdapter()方法綁定自定義的MyAdapter對象?。

2、核心代碼:

class MyAdapter extends BaseAdapter {

? ? ? ? private Context context = null;

? ? ? ? public MyAdapter(Context context) {

? ? ? ? ? ? ? ? this.context = context;

? ? ? ? }

? ? ? ? @Override

? ? ? ? public int getCount() {

? ? ? ? ? ? ? ? return list.size();

? ? ? ? }

? ? ? ? @Override

? ? ? ? public Object getItem(int position) {

? ? ? ? ? ? ? ? return list.get(position);

? ? ? ? }

? ? ? ? @Override

? ? ? ? public long getItemId(int position) {

? ? ? ? ? ? ? ? return position;

? ? ? ? }

? ? ? ? @Override

? ? ? ? public View getView(int position, View convertView, ViewGroup parent) {

? ? ? ? ? ? ? ? ViewHolder mHolder;

? ? ? ? ? ? ? ? if (convertView == null) {

? ? ? ? ? ? ? ? ? ? ? ? mHolder = new ViewHolder();

? ? ? ? ? ? ? ? ? ? ? ? LayoutInflater inflater = LayoutInflater.from(context);

? ? ? ? ? ? ? ? ? ? ? ? convertView = inflater.inflate(R.layout.item_listview_main_userlist, null, true);

? ? ? ? ? ? ? ? ? ? ? ? mHolder.text_item_listview_username = (TextView) convertView.findViewById(R.id.text_item_listview_username);

? ? ? ? ? ? ? ? ? ? ? ? mHolder.text_item_listview_email = (TextView) convertView.findViewById(R.id.text_item_listview_email);

? ? ? ? ? ? ? ? ? ? ? ? mHolder.imageView_item_listview_headpic = (ImageView) convertView.findViewById(R.id.imageView_item_listview_headpic);

? ? ? ? ? ? ? ? ? ? ? ? convertView.setTag(mHolder);

? ? ? ? ? ? ? ? } else {

? ? ? ? ? ? ? ? ? ? ? ? mHolder = (ViewHolder) convertView.getTag();

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? String username = list.get(position).get("username").toString();

? ? ? ? ? ? ? ? String email = list.get(position).get("email").toString();

? ? ? ? ? ? ? ? int picId = Integer.parseInt(list.get(position).get("headpic").toString());

? ? ? ? ? mHolder.text_item_listview_username.setText(username);

? ? ? ? ? ? ? ? mHolder.text_item_listview_email.setText(email);

? ? ? ? ? ? ? ? mHolder.imageView_item_listview_headpic.setImageResource(picId);

? ? ? ? ? ? ? ? return convertView;

? ? ? ? }

? ? ? ? class ViewHolder {

? ? ? ? ? ? ? ? private TextView text_item_listview_username;

? ? ? ? ? ? ? ? private TextView text_item_listview_email;

? ? ? ? ? ? ? ? private ImageView imageView_item_listview_headpic;

? ? ? ? }

}

(五)、convertView原理:

Adapter的作用就是ListView界面與數據之間的橋梁,當列表里的每一項顯示到頁面時,都會調用Adapter的getView方法返回一個View。

如果在我們的列表有上千項時會是什么樣的?是不是會占用極大的系統資源?

Android中有個叫做Recycler的構件,下圖是他的工作原理:

如果你有100個item,其中只有可見的項目存在內存中,其他的在Recycler中。

ListView先請求一個type1視圖(getView),然后請求其他可見的item,convertView在getView中是空(null)的。

當item1滾出屏幕,并且一個新的item從屏幕底端上來時,ListView再請求一個type1視圖,convertView此時不是空值了,它的值是item1。你只需設定新的數據,然后返回convertView,不必重新創建一個視圖。



四、什么是listview點擊的靈異事件?

(一)、現象描述:

? ? ? ? 項目中的ListView不僅僅是簡單的文字,常常需要自己定義ListView,如果自己定義的Item中存在諸如ImageButton,Button,CheckBox等子控件,此時這些子控件會將焦點獲取到,所以當點擊item中的子控件時有變化,而item本身的點擊沒有響應。

? ? ? ? 解決方案的關鍵是:android:descendantFocusability

Defines the relationship between the ViewGroup and its descendants when looking for a View to take focus.

當一個view獲取焦點時,定義ViewGroup及其子控件之間的關系。

屬性的值有三種:

? ? ? ? beforeDescendants:viewgroup會優先其子類控件而獲取到焦點

? ? ? ? afterDescendants:viewgroup只有當其子類控件不需要獲取焦點時才獲取焦點

? ? ? ? blocksDescendants:viewgroup會覆蓋子類控件而直接獲得焦點

? ? ? ? 通常我們用到的是第三種,即在Item布局的根布局加上android:descendantFocusability=”blocksDescendants”

的屬性(阻塞子控件搶奪焦點,讓Item具有焦點。這樣ListView的onItemClick就能被正確觸發,同時item上的button等控件在被點擊時照樣可以觸發自身的點擊事件)就好了,至此ListView點擊的靈異事件告一段落。

? ? ? ? 此外還可以將item中所有搶占焦點的控件上設置android:focusable="false"。

(二)、實例代碼:ListView實現全選、取消全選效果:

1、Activity布局:


android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="horizontal">

android:id="@+id/text_main_info"

android:layout_width="match_parent"

android:layout_height="wrap_content"/>

android:id="@+id/layout_top"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_below="@+id/text_main_info"

android:orientation="horizontal">

android:id="@+id/button_main_selectall"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="全選"/>

android:id="@+id/button_main_invertselect"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="反選"/>

android:id="@+id/button_main_deselectall"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="取消選擇"/>

android:id="@+id/listView_main"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_below="@+id/layout_top"/>

2、item布局:


android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="horizontal"

android:descendantFocusability="blocksDescendants">


android:id="@+id/text_item_title"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:layout_weight="1"/>


android:id="@+id/checkbox_item"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:gravity="center_vertical"/>

3、Activity的java代碼:

publicclassMainActivityextendsActivity {

privateListView listView_main;

privateMyAdapter mAdapter;

privateArrayList list;

privateButton button_main_selectall;

privateButton button_main_invertselect;

privateButton button_main_deselectall;

privateintcheckedCount; // 記錄選中的條目數量

privateTextView text_main_info;// 用于顯示選中的條目數量

@Override

publicvoidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

/* 實例化各個控件 */

text_main_info = (TextView) findViewById(R.id.text_main_info);

listView_main = (ListView) findViewById(R.id.listView_main);

button_main_selectall = (Button) findViewById(R.id.button_main_selectall);

button_main_invertselect = (Button) findViewById(R.id.button_main_invertselect);

button_main_deselectall = (Button) findViewById(R.id.button_main_deselectall);

// 為Adapter準備數據

initDate();

// 實例化自定義的MyAdapter

mAdapter =newMyAdapter(list,this);

// 綁定Adapter

listView_main.setAdapter(mAdapter);

// 全選按鈕的回調接口

button_main_selectall.setOnClickListener(newOnClickListener() {

@Override

publicvoidonClick(View v) {

// 遍歷list的長度,將MyAdapter中的map值全部設為true

for(inti = 0; i < list.size(); i++) {

MyAdapter.getSelectedMap().put(i,true);

}

// 數量設為list的長度

checkedCount = list.size();

// 刷新listview和TextView的顯示

dataChanged();

}

});

// 反選按鈕的回調接口

button_main_invertselect.setOnClickListener(newOnClickListener() {

@Override

publicvoidonClick(View v) {

// 遍歷list的長度,將已選的設為未選,未選的設為已選

for(inti = 0; i < list.size(); i++) {

if(MyAdapter.getSelectedMap().get(i)) {

MyAdapter.getSelectedMap().put(i,false);

checkedCount--;

}else{

MyAdapter.getSelectedMap().put(i,true);

checkedCount++;

}

}

// 刷新listview和TextView的顯示

dataChanged();

}

});

// 取消按鈕的回調接口

button_main_deselectall.setOnClickListener(newOnClickListener() {

@Override

publicvoidonClick(View v) {

// 遍歷list的長度,將全部按鈕設為未選

for(inti = 0; i < list.size(); i++) {

MyAdapter.getSelectedMap().put(i,false);

}

checkedCount = 0;

// 刷新listview和TextView的顯示

dataChanged();

}

});

// 綁定listView的監聽器

listView_main.setOnItemClickListener(newOnItemClickListener() {

@Override

publicvoidonItemClick(AdapterView parent, View view,

intposition,longid) {

// 取得ViewHolder對象,這樣就省去了通過層層的findViewById去實例化我們需要的checkbox實例的步驟

ViewHolder mHolder = (ViewHolder) view.getTag();

// 改變CheckBox的狀態

mHolder.checkbox_item.toggle();

// 將CheckBox的選中狀況記錄下來

MyAdapter.getSelectedMap().put(position,

mHolder.checkbox_item.isChecked());

// 調整選定條目

if(mHolder.checkbox_item.isChecked()) {

checkedCount++;

}else{

checkedCount--;

}

// 用TextView顯示

text_main_info.setText("已選中" + checkedCount + "項");

}

});

}

// 初始化數據

privatevoidinitDate() {

list =newArrayList();

for(inti = 0; i < 20; i++) {

list.add("item" + " " + i);

}

}

// 刷新listview和TextView的顯示

privatevoiddataChanged() {

// 通知listView刷新

mAdapter.notifyDataSetChanged();

// TextView顯示最新的選中數目

text_main_info.setText("已選中" + checkedCount + "項");

}

}

4、Adapter的java代碼:

publicclassMyAdapterextendsBaseAdapter?{

//?填充數據的list

privateArrayList?list;

//?用來控制CheckBox的選中狀況

privatestaticHashMapselectedMap;

privateContext?context;

//?構造器

publicMyAdapter(ArrayList?list,?Context?context)?{

this.list?=?list;

this.context?=?context;

selectedMap=newHashMap();

//?初始化數據

initData();

}

//?初始化selectedMap的數據

privatevoidinitData()?{

for(inti?=?0;?i?<?list.size();?i++)?{

getSelectedMap().put(i,false);

}

}

publicstaticHashMap?getSelectedMap()?{

returnselectedMap;

}

@Override

publicintgetCount()?{

returnlist.size();

}

@Override

publicObject?getItem(intposition)?{

returnlist.get(position);

}

@Override

publiclonggetItemId(intposition)?{

returnposition;

}

@Override

publicView?getView(intposition,?View?convertView,?ViewGroup?parent)?{

ViewHolder?mHolder?=null;

if(convertView?==null)?{

//?獲得ViewHolder對象

mHolder?=newViewHolder();

convertView?=?LayoutInflater.from(context).inflate(

R.layout.item_listview_main,null);

mHolder.text_item_title?=?(TextView)?convertView

.findViewById(R.id.text_item_title);

mHolder.checkbox_item?=?(CheckBox)?convertView

.findViewById(R.id.checkbox_item);

//?為view設置標簽

convertView.setTag(mHolder);

}else{

//?取出holder

mHolder?=?(ViewHolder)?convertView.getTag();

}

//?設置list中TextView的顯示

mHolder.text_item_title.setText(list.get(position));

//?根據selectedMap來設置checkbox的選中狀況

mHolder.checkbox_item.setChecked(getSelectedMap().get(position));

returnconvertView;

}

publicstaticclassViewHolder?{

TextView?text_item_title;

CheckBox?checkbox_item;

}

}


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容