一、上節回顧:
(一)、三大表單控件中需要記憶的核心方法:
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;
}
}