如何使用listview顯示兩個string

我現在可以抓到網頁的資料，放到listview上面，但是只能抓取一個欄位的string，如果要同時顯示userid跟text的List<String>要如何做呢?

我想要像這張圖的效果，上面顯示userid下面顯示text，能做到嗎?

登錄/註冊後可看大圖

你是用ArrayAdapter只能存一個欄位的資料
請改用SimpleAdapter試試看
首先先將抓下來資料一個一個的欄位和其值放到HashMap<String,String>內
再用ArrayList<HashMap<String,String>>將一筆一筆資料裝進去
再來是要準備1個Layout作為放資料的模版
最後再放進SimpleAdapter

SimpleAdapter的寫法外面有教學可以看


先宣告ArrayList<HashMap<String,String>>

1. ArrayList<HashMap<String,String>> datas;

複製代碼

74行修改的部分

1. 
   
2. public void Parser(String urlData){
   
3.                 String temp = null;
   
4.                 int end = 0;
   
5.                 int start =0;
   
6.                 int counter = 0;
   
7.                 do{
   
8.                        HashMap<String,String> hm = new HashMap<String,Object>(); //先實體化HashMap作為放資料的容器
   
9.                         start = urlData.indexOf("<td>", end+1);
   
10.                         end = urlData.indexOf("</td>", start+1);
    
11.                         temp = urlData.substring(start+4, end);
    
12.                         if ( !temp.equals("-") )
    
13.                                  hm.put("userid",temp);    //將userid丟到HashMap
    
14.                         else
    
15.                                  hm.put("userid","");
    
16.                         
    
17.                         start = urlData.indexOf("<td>", end+1);
    
18.                         end = urlData.indexOf("</td>", start+1);
    
19.                         temp = urlData.substring(start+4, end);
    
20.                         if ( !temp.equals("-") )
    
21.                                   hm.put("text",temp);   //將text丟到HashMap
    
22.                         else
    
23.                                   hm.put("text","");
    
24.                         datas.add(hm);   //將前面HashMap封裝的資料丟到ArrayList中(就是說將一筆資料轉成HashMap再丟進ArrayList)
    
25.                         counter++;
    
26.                 }while(counter < 10);
    
27.     }

複製代碼

35行修改的部分

1.     private void getdata()
   
2.     {
   
3.            ArrayList<HashMap<String,String>> datas = new ArrayList<HashMap<String,String>>();
   
4. 
   
5.         String urlData = "";        
   
6.             urlData = GetURLDate();
   
7.             Parser(urlData);
   
8.                
   
9.                 final String[] items = {"userid","text"} //有幾個欄位就幾個欄位 請注意順序
   
10.                 final int[] viewId = {R.id.textViewUserid,R.id.textViewText} //請建立一個新的Layout上面放兩的textView來作顯示userid和text使用
    
11.                 final SimpleAdapter sa;        
    
12.         sa = new SimpleAdapter(this, datas,R.layout.datas_list(你所創的layout名稱),items,viewId);
    
13.         listView.setAdapter(sa);
    
14.     }

複製代碼

Layout的做法就不多加說明 簡單來說就是開一個新的Layout
再拖兩個TextView進去(你要顯示多少資料欄位就拖都多少進來)，TextView怎麼擺，你的ListView就怎麼顯示

上面 items和viewId這兩個陣列是互相對應的

我照你上面這樣修改過後，會變得無法執行欸

是不是public class MysqltestActivity extends Activity

要改成public class MysqltestActivity extends ListActivity

還有81行，用object會錯誤，改成string就可以，是不是跟這邊有關呢?
HashMap<String,String> hm = new HashMap<String,String>();

1. 
   
2. import java.io.BufferedReader;
   
3. import java.io.InputStreamReader;
   
4. import java.net.HttpURLConnection;
   
5. import java.net.URL;
   
6. import java.util.ArrayList;
   
7. import java.util.HashMap;
   
8. import java.util.List;
   
9. import android.app.Activity;
   
10. import android.os.Bundle;
    
11. import android.util.Log;
    
12. import android.widget.Button;
    
13. import android.widget.ListView;
    
14. import android.widget.SimpleAdapter;
    
15. 
    
16. 
    
17. public class MysqltestActivity extends Activity {
    
18.         Button button;
    
19.         String WebURL ="http://192.192.155.75/listview.aspx";        
    
20.         List<String> userid;
    
21.         List<String> text;        
    
22.         ArrayList<HashMap<String,String>> datas;
    
23.         private ListView listView;
    
24.         int itemIndex = 0;
    
25.         
    
26.     @Override
    
27.     public void onCreate(Bundle savedInstanceState) {
    
28.         super.onCreate(savedInstanceState);
    
29.         setContentView(R.layout.main);
    
30.         
    
31.         listView=(ListView)findViewById(R.id.lva);        
    
32.         getdata();
    
33.     }   
    
34.    
    
35.     private void getdata()
    
36.     {
    
37.            ArrayList<HashMap<String,String>> datas = new ArrayList<HashMap<String,String>>();
    
38. 
    
39.         String urlData = "";        
    
40.             urlData = GetURLDate();
    
41.             Parser(urlData);
    
42.                
    
43.                 final String[] items = {"userid","text"}; //有幾個欄位就幾個欄位 請注意順序
    
44.                 final int[] viewId = {R.id.user_id,R.id.user_text}; //請建立一個新的Laylout上面放兩的textView來作顯示userid和text使用
    
45.                 final SimpleAdapter sa;        
    
46.         sa = new SimpleAdapter(this, datas,R.layout.user,items,viewId);
    
47.         listView.setAdapter(sa);
    
48.     }
    
49.    
    
50.    
    
51.     public String GetURLDate()
    
52.     {
    
53.             String urlData = null;
    
54.             try{
    
55.                         HttpURLConnection httpUrlconnection = null;
    
56.                         URL url = new URL(WebURL);
    
57.                         httpUrlconnection = (HttpURLConnection)url.openConnection();
    
58.                         httpUrlconnection.setDoInput(true);
    
59.                         httpUrlconnection.setDoOutput(true);
    
60.                         httpUrlconnection.connect();
    
61.                         
    
62.                         BufferedReader in = new BufferedReader(
    
63.                                 new InputStreamReader(httpUrlconnection.getInputStream()));
    
64.                                 String decodedString;
    
65.                                 while ((decodedString = in.readLine()) != null) {
    
66.                                         urlData += decodedString;
    
67.                                 }
    
68.                         in.close();
    
69.                         httpUrlconnection.disconnect();
    
70.                 }
    
71.                 catch(Exception e){
    
72.                         Log.e("ERROR", e.toString());
    
73.                 }
    
74.                 return urlData;
    
75.     }  
    
76.     public void Parser(String urlData){
    
77.         String temp = null;
    
78.         int end = 0;
    
79.         int start =0;
    
80.         int counter = 0;
    
81.         do{
    
82.                HashMap<String,String> hm = new HashMap<String,String>();
    
83.                 start = urlData.indexOf("<td>", end+1);
    
84.                 end = urlData.indexOf("</td>", start+1);
    
85.                 temp = urlData.substring(start+4, end);
    
86.                 if ( !temp.equals("-") )
    
87.                          hm.put("userid",temp);
    
88.                 else
    
89.                          hm.put("userid","");
    
90.                
    
91.                 start = urlData.indexOf("<td>", end+1);
    
92.                 end = urlData.indexOf("</td>", start+1);
    
93.                 temp = urlData.substring(start+4, end);
    
94.                 if ( !temp.equals("-") )
    
95.                           hm.put("text",temp);
    
96.                 else
    
97.                           hm.put("text","");
    
98.                 datas.add(hm);
    
99.                 counter++;
    
100.         }while(counter < 10);
     
101. }
     
102. }

複製代碼

HashMap<String,String> hm = new HashMap<String,String>();
是HashMap<String,String>才對

如果是HashMap<String,Object>的話
可能是我筆誤 這點抱歉

這點非public class MysqltestActivity extends Activity
要改成public class MysqltestActivity extends ListActivity

其實不需要 如果你的layout有ListView其實不需要用到ListActivity

如果無法執行的話 請把LOG給我看 照道理應該是可以執行的

我在想會不會是因為我用List<String> userid; 這樣宣告userid使 HashMap<String,String>在跑的時候出錯呢?

我去查了一下 似乎有HashMap<String,List<String>>這樣的用法

1. 10-01 02:26:51.470: E/AndroidRuntime(410): FATAL EXCEPTION: main
   
2. 10-01 02:26:51.470: E/AndroidRuntime(410): java.lang.RuntimeException: Unable to start activity ComponentInfo{com.mysqltest/com.mysqltest.MysqltestActivity}: java.lang.NullPointerException
   
3. 10-01 02:26:51.470: E/AndroidRuntime(410):         at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:1647)
   
4. 10-01 02:26:51.470: E/AndroidRuntime(410):         at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:1663)
   
5. 10-01 02:26:51.470: E/AndroidRuntime(410):         at android.app.ActivityThread.access$1500(ActivityThread.java:117)
   
6. 10-01 02:26:51.470: E/AndroidRuntime(410):         at android.app.ActivityThread$H.handleMessage(ActivityThread.java:931)
   
7. 10-01 02:26:51.470: E/AndroidRuntime(410):         at android.os.Handler.dispatchMessage(Handler.java:99)
   
8. 10-01 02:26:51.470: E/AndroidRuntime(410):         at android.os.Looper.loop(Looper.java:123)
   
9. 10-01 02:26:51.470: E/AndroidRuntime(410):         at android.app.ActivityThread.main(ActivityThread.java:3683)
   
10. 10-01 02:26:51.470: E/AndroidRuntime(410):         at java.lang.reflect.Method.invokeNative(Native Method)
    
11. 10-01 02:26:51.470: E/AndroidRuntime(410):         at java.lang.reflect.Method.invoke(Method.java:507)
    
12. 10-01 02:26:51.470: E/AndroidRuntime(410):         at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:839)
    
13. 10-01 02:26:51.470: E/AndroidRuntime(410):         at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:597)
    
14. 10-01 02:26:51.470: E/AndroidRuntime(410):         at dalvik.system.NativeStart.main(Native Method)
    
15. 10-01 02:26:51.470: E/AndroidRuntime(410): Caused by: java.lang.NullPointerException
    
16. 10-01 02:26:51.470: E/AndroidRuntime(410):         at com.mysqltest.MysqltestActivity.Parser(MysqltestActivity.java:100)
    
17. 10-01 02:26:51.470: E/AndroidRuntime(410):         at com.mysqltest.MysqltestActivity.getdata(MysqltestActivity.java:43)
    
18. 10-01 02:26:51.470: E/AndroidRuntime(410):         at com.mysqltest.MysqltestActivity.onCreate(MysqltestActivity.java:33)
    
19. 10-01 02:26:51.470: E/AndroidRuntime(410):         at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1047)
    
20. 10-01 02:26:51.470: E/AndroidRuntime(410):         at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:1611)
    
21. 10-01 02:26:51.470: E/AndroidRuntime(410):         ... 11 more
    

複製代碼

重點是這一個

ComponentInfo{com.mysqltest/com.mysqltest.MysqltestActivity}: java.lang.NullPointerException

請將36行

1. ArrayList<HashMap<String,String>> datas = new ArrayList<HashMap<String,String>>();

複製代碼

改成

1. datas = new ArrayList<HashMap<String,String>>();

複製代碼

就不會有問題了

datas已經在前面被宣告了 就不必getdata()內再被宣告 如過被後面的函數重新宣告的話 就會出現NullPointerException的錯誤
因為後面Parser(String urlData)抓不到getdata()內部宣告變數的值

另外
        List<String> userid;
        List<String> text;
並不需要到用到可以拿掉

因為SimpleAdapter是透過List<Map<String,Object>>的形式來送資料的

如果要做到當點擊某個listview欄位時

跳出一個dialog

但是裡面的內容怎麼不是listview上顯示的，而且有{userid=...,text=....}這樣

登錄/註冊後可看大圖

用出來了

程式碼附上

1. OnItemClickListener listener = new OnItemClickListener() {
   
2.             public void onItemClick(AdapterView<?> parent, View view, int position,
   
3.                 long id)
   
4.             {              
   
5.                     HashMap<String, String> hm = (HashMap<String,String>) listView.getItemAtPosition(position);
   
6.                     new AlertDialog.Builder(MysqltestActivity.this).setTitle(hm.get("userid")).setMessage(hm.get("text")).show();   
   
7.             }
   
8.           };
   
9.           listView.setOnItemClickListener(listener);

複製代碼

登錄/註冊後可看大圖