最近,我朋友問我怎麼用自訂的ListView動態增減列,
剛好可以分享一下,
如果對如何自訂ListView不了解,
可以參考一下#1DbiQ5jJ,
將代碼貼到板上任何一個地方,就可以找到我上一篇文章:)
那麼如何利用自訂的ListView來動態增加或刪除呢？
我們首先利用Menu讓使用者能夠動態的增加或刪除,
因此先在Menu裡面加入兩個選項,分別是add item及remove item,
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// TODO Auto-generated method stub
menu.add(0, Menu.FIRST, 0, "add item");
menu.add(0, Menu.FIRST+1, 0, "remove item");
return super.onCreateOptionsMenu(menu);
}
就會看到這樣的一個畫面,
http://uploadingit.com/file/jrlg3a2bwwykwkyo/menu1.png
接著我們想要按下add item的時候,讓ListView多出一列,
在加入public boolean onOptionsItemSelected(MenuItem item) ,
當你按下menu選項的處理事件,
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// TODO Auto-generated method stub
switch(item.getItemId()){
case Menu.FIRST:
myAdapter.addItem(myAdapter.getCount()+1);
break;
case Menu.FIRST+1:
break;
}
return super.onOptionsItemSelected(item);
}
這時候,切換到MyAdapter.java的頁面,新增兩個方法,分別是:
public void addItem(int position)
public void removeItem(int position)
當按下add item的時候,就會呼叫addItem(),
而按下remove item的時候,就會呼叫removeItem(),
這時候我們的MyAdapter需要作一下變動,
還記得自訂的ListView裡面的getView()嗎？
它是用來顯示ListView所有的列,但是我們要將每一列存成一個一個的物件,
所以需要改變一下寫法,
首先,宣告一個ArrayList來儲存每一個列的View,
private ArrayList<View> arrayList;
並且在建構子初始化它,
arrayList = new ArrayList<View>();
這時候就可以開始使用它了,
再來就是在getCount()的return變成arrayList的大小,
@Override
public int getCount() {
// TODO Auto-generated method stub
return arrayList.size();
}
接著將getView所有的內容搬到addItem()裡面,
public void addItem(int position){
TagView tag;
View view = adapterLayoutInflater.inflate(R.layout.adapter, null);
tag = new TagView(
(Button)view.findViewById(R.id.AdapterButton),
(ImageView)view.findViewById(R.id.AdapterImage),
(TextView)view.findViewById(R.id.AdapterText));
view.setTag(tag);
arrayList.add(view);
tag.image.setBackgroundResource(R.drawable.icon);
tag.button.setText("button"+arrayList.size());
tag.text.setText("text"+arrayList.size());
this.notifyDataSetChanged();
}
比較要注意的是arrayList.add(view);
我們每新增一列,就必須把那一列的view加入到arrayList裡面,
最後的this.notifyDataSetChanged()是通知baseAdapter我們已經將資料更新了,
它就會執行getCount()取得列數並且重跑一次getView(),
在getView()這邊我們只需要改變return值即可,
@Override
public View getView(int position, View view, ViewGroup parent) {
// TODO Auto-generated method stub
return arrayList.get(position);
}
現在你可以跑看看程式,一開始什麼都沒有,當按下Menu->add item,
就會跑出一列我們自訂的ListView了,
接著我們來寫remove item部份,
回到onOptionsItemSelected()這個函式,
在case Menu.FIRST+1:後面加入呼叫removeitem,
case Menu.FIRST+1:
myAdapter.removeItem(myAdapter.getCount()-1);
break;
再到MyAdapter.java裡面修改removeItem()
public void removeItem(int position){
if(!arrayList.isEmpty()){
arrayList.remove(position);
this.notifyDataSetChanged();
}
}
到這裡為止,我們就可以操作新增/刪除的功能了,
如果成功就會出現下面的畫面,
http://uploadingit.com/file/hkqtqu1qure25r4o/menu2.png
http://uploadingit.com/file/cfbkdtpclgebrf3e/menu3.png
如果沒有出現預期的結果,沒關係,
http://uploadingit.com/file/d5cr1yp8l0i1ykay/MyListView.zip
下載這個檔案就可以看到所有的程式碼,
其實我覺得這樣的寫法有點粗糙,
我比較偏向SimpleAdapter那樣寫,
可能需要在研究一下怎麼寫比較好
如果有錯誤或有更好的寫法
請務必告訴小弟,避免誤導大家,謝謝。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.64.102.249