Android ListView 預設選中某一項，androidlistview

Android ListView 預設選中某一項，androidlistview

這裡是使用 TOC 產生的目錄：

• Layout檔案定義
  • ListView定義
  • item 模板定義
• 代碼
  • 初始化列表
  • 使用者點擊處理
• 效果

要使用 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 。null 指標啊，用 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 的選中表徵圖，再顯示當前的，就有了貌似互斥的效果了。

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

效果

最終的效果是醬紫的：

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

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

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

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

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