Android ListView 預設選中某一項

Android ListView 預設選中某一項

這裡是使用 TOC 生成的目錄:


要使用 ListView 實現一個充值方式選擇,預設想選中第二項,搞了一下午,終於搞定了。原本就沒怎麼用 Java 寫過 Android 應用,又隔了好久沒寫,一切都生疏了,半吊子變成大呆瓜了……

Layout檔案定義

分兩部分,一部分是 ListView 的定義,一部分 item 模板,即 row 的定義。

ListView定義

說起來也很簡單,下面是 Layout 檔案中的 ListView 定義:

    <ListView
android:id="@ id/recharge_method_list"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:dividerHeight="2dp"
android:divider="@color/ssq_bkgnd"
android:background="@android:color/white"
android:choiceMode="singleChoice"
android:listSelector="@null"
>
</ListView>

嘿,別說,CSDN的Markdown編輯器比原來的預設編輯器好用多了,插入程式碼更簡單了。這是第一次使用CSDN的Markdown,贊一個。

item 模板定義

item模板如下定義:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="60dp"
android:gravity="center_vertical"
android:background="@drawable/option_selector"
>
<ImageView
android:id="@ id/recharge_method_icon"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="4dp"
/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
>
<TextView
android:id="@ id/recharge_method_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
/>
<TextView
android:id="@ id/recharge_method_clue"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12sp"
/>
</LinearLayout>
<ImageView
android:id="@ id/recharge_method_checked"
android:layout_width="34dp"
android:layout_height="28dp"
android:layout_marginRight="16dp"
android:src="@drawable/option_checked"
android:visibility="invisible"
/>
</LinearLayout>

我為了給一個 ListView 的 item 顯示一個選擇圖示,在定義 item 模板檔案時直接加了一個 ImageView ,通過控制它的顯示和隱藏來達到看起來選中的效果。偷了個懶,這是比較簡單的實現,在 ListView 中 item 數量不多時對記憶體、效能等影響不大。

程式碼

程式碼比較簡單,分兩部分來看吧,一部分是初始化列表,一部分是使用者點選列表中的某項後切換選中標記。

初始化列表

initRechargeList()方法用來初始化充值方式列表,程式碼如下:

    private void initRechargeList(){
actionTexts = new String[]{
getString(R.string.recharge_unionpay), getString(R.string.recharge_alipay), getString(R.string.recharge_bestpay)
};
actionClue = new String[]{
getString(R.string.recharge_unionpay_clue), getString(R.string.recharge_alipay_clue), getString(R.string.recharge_bestpay_clue)
};
actionImages = new int[]{
R.drawable.unionpay,
R.drawable.recharge_icon_alipay,
R.drawable.recharge_icon_bestpay
};
actionList = (ListView)findViewById(R.id.recharge_method_list);
actionItems = new ArrayList<HashMap<String, Object>>();
actionAdapter = new SimpleAdapter(this, actionItems, R.layout.recharge_method_list_item,
new String[]{"action_icon", "action_name", "action_clue"},
new int[]{R.id.recharge_method_icon, R.id.recharge_method_name, R.id.recharge_method_clue});
for(int i = 0; i < actionImages.length;   i) {
HashMap<String, Object> item = new HashMap<String, Object>();
item.put("action_icon", actionImages[i]);
item.put("action_name", actionTexts[i]);
item.put("action_clue", actionClue[i]);
actionItems.add(item);
}
actionList.setAdapter(actionAdapter);
actionList.setOnItemClickListener(itemListener);
actionList.post(new Runnable() {
@Override
public void run() {
lastCheckedOption = actionList.getChildAt(1).findViewById(R.id.recharge_method_checked);
lastCheckedOption.setVisibility(View.VISIBLE);
actionList.setItemChecked(1, true);
}
});
}

上面的程式碼是初始化充值方式列表。 ListView 的用法也比較簡單,View–Row Template–Data–Adapter,四個要素。

我遇到的問題是:如何預設選中某一項。

實際上我的列表中只有三項,不用考慮哪一項會不可見,應該在安卓手機上都是可見的。

一開始我在呼叫了 ListView 的 setAdapter 方法後,直接使用 getChildAt(1) 來獲取第二項對應的 View ,你猜到了,沒錯,崩潰了: NullPointerException 。空指標啊,用 C 時的老情人,改用 Java 寫 Android 了,她又跑來和我約會了。

搞了半天,我才弄明白: setAdapter() 其實是非同步的 ,呼叫了這個方法, ListView 的 item 並沒有立馬建立,而是在下一輪訊息處理時才建立。弄明白了這個,就有了前面程式碼中的解決辦法:使用 post() 提交一個 Runnable() 物件,在 Runnable() 內部來做預設選中這種初始化動作

如你所見,我 new 了一個 Runnable 給 post() 方法,在 run() 內找到了第 2 項,顯示了選中圖示;並且我把第 2 項對應的 View 儲存到 lastCheckedOption 成員變數中。後面我們會通過 lastCheckedOption 這個變數,結合 OnItemClickListener 來實現 ListView 中三個 item 的互斥選擇效果。

Markdown怎麼給每個段落前加縮排呢……迷惑中……四個空格就給本段落打上背景色了,挺好……

使用者點選處理

點選處理是通過 AdapterView.OnItemClickedListener 介面完成的。程式碼如下:

    private AdapterView.OnItemClickListener itemListener = new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
if(lastCheckedOption != null){
lastCheckedOption.setVisibility(View.INVISIBLE);
}
lastCheckedOption = view.findViewById(R.id.recharge_method_checked);
lastCheckedOption.setVisibility(View.VISIBLE);
}
};

如你所見,我通過 lastCheckedOption 變數儲存了上次選中的 item 中的表示選中效果的圖示,使用者點選某一個時,先隱藏上一個 item 的選中圖示,再顯示當前的,就有了貌似互斥的效果了。

一切就這麼簡單,搞定了。

效果

最終的效果是醬紫的:

Android ListView 預設選中示意圖

噯,插入圖片比原來的非 Markdown 編輯器好用多了。


好啦,想不到我又來寫 Android 應用了,感覺很 High 啊。


還不知道 Markdown 版本的編輯器寫出來的部落格,發表出來腫麼樣呢,生成了個目錄,直接 TOC 就 OK 了,還是很方便的。寫完了,還是沒搞明白段落的行首縮排如何搞呢。

據說還支援離線編輯,贊。

還有一點:左右分欄,可以看到效果,比 github 的 wiki 頁面編輯要強一點。