安卓Listview和Adapter數據設計


ListView是一種用於垂直顯示的列表控件,如果顯示內容過多,則會自動出現垂直滾動條,每一行是一個View對象,在每一行上可以放置任何組件,Adapter適配器是數據和UI的橋梁,為數據顯示提供了統一的封裝。

 

常用的Adapter有:

ArrayAdapter<T>:用來綁定一個數組,支持泛型操作,最為簡單,只能展示一行字。

SimpleAdapter:用來綁定在布局xml中定義的控件對應的數據,有好的擴充性,可以自定義出各種效果

BaseAdapter:是一個抽象類,繼承它需要實現較多的方法,所以也就具有較高的靈活性

 

ArrayAdapter的使用:

      該類的構造方法為:public ArrayAdapter(Context context, int textViewResourceId, List<T> objects)其中參數1為上下文;參數2為布局文件,通常使用系統提供的單文字布局(android.R.layout.simple_list_item_1);參數3為數據,通常為List集合或者數組。

1、簡單的一個列表實現:

 

布局文件:

1 <ListView
2     android:layout_width="match_parent"
3     android:id="@+id/main_list"
4     android:layout_height="match_parent">
5 </ListView>

數據添加和適配:

 1      //新建一個list存放數據
 2         List<String> listdata=new ArrayList<String>();
 3         listdata.add("東小東1");
 4         listdata.add("東小東2");
 5         listdata.add("東小東3");
 6         listdata.add("叮叮當當");
 7         listdata.add("咚咚咚嘻嘻嘻");
 8 
 9         //列表
10         main_list=(ListView)findViewById(R.id.main_list);
11         //android.R.layout.simple_list_item_1不可改成自定義布局文件
12         final ArrayAdapter<String> adp2=new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_list_item_1,listdata);
13         main_list.setAdapter(adp2);

listview的事件監聽:

 1    //點擊事件
 2         main_list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
 3             @Override
 4             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
 5 
 6                 Toast.makeText(MainActivity.this,"你點擊了:"+position+"項 內容為:"+adp2.getItem(position),Toast.LENGTH_SHORT).show();
 7 
 8             }
 9         });
10 
11         //長按事件
12         main_list.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
13             @Override
14             public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
15 
16                 Toast.makeText(MainActivity.this,"你長按了:"+position+"項 內容為:"+adp2.getItem(position),Toast.LENGTH_SHORT).show();
17 
18                 return true;
19             }
20         });

2、下拉選擇欄實現和輸入匹配:

                             

 

 布局文件:

 1 <Spinner
 2     android:layout_width="match_parent"
 3     android:layout_height="wrap_content"
 4     android:id="@+id/main_spinner"
 5     >
 6 
 7 </Spinner>
 8 
 9  <!--completionThreshold="1" 表示從第一個字符開始匹配 -->
10  <AutoCompleteTextView
11 android:id="@+id/main_autotv"
12 android:layout_width="match_parent"
13 android:layout_height="wrap_content"
14 android:hint="在這里輸入會自動提示"
15 android:completionThreshold="1" />
16 
17 <Button
18     android:layout_width="match_parent"
19     android:text="點.."
20     android:id="@+id/main_but"
21     android:layout_height="wrap_content" />
22 
23 <TextView
24     android:layout_width="wrap_content"
25     android:text="請點擊按鈕"
26     android:id="@+id/main_tv"
27     android:layout_gravity="center"
28     android:layout_height="wrap_content" />

簡單邏輯實現:

 1 /配置一個公用的數組做測試
 2  //arrayadapter實現字符串適配
 3  String[] str_arr={"東小東","東東","大東東","叮叮當當"};
 4 
 5  //選擇框
 6  main_sp=(Spinner)findViewById(R.id.main_spinner);
 7  ArrayAdapter<String> adp=new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_spinner_item,str_arr);
 8  adp.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
 9  main_sp.setAdapter(adp);
10 
11  //輸入提示
12  main_atv=(AutoCompleteTextView)findViewById(R.id.main_autotv);
13  ArrayAdapter<String> adp2=new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_list_item_1,str_arr);
14  main_atv.setAdapter(adp2);
15 
16 //按鈕監聽,獲取兩個框的值
17 findViewById(R.id.main_but).setOnClickListener(new View.OnClickListener() {
18     @Override
19     public void onClick(View v) {
20         String strsp=main_sp.getSelectedItem().toString().trim();
21         String stratv=main_atv.getText().toString().trim();
22         main_tv.setText(strsp+"\n"+stratv);
23 
24 
25     }
26 });

SimpleAdapter的使用:

      該類的構造方法為:public SimpleAdapter(Context context, List<? Extends Map<String, ?>> data, int resource, String[] from, int[] to)其中參數1為上下文;參數2為數據,一個Map的list,List里每一項都是map對象,一個map對象就表示listview中一行的內容;參數3為布布局資源,可以知己寫也可以使用系統提供的;參數4為map里的鍵,其對應着參數5中布局資源的每一個顯示控件id。 

建立listview中每一個item的基本布局:

新建一個xml文件即可

主布局文件:

1 <ListView
2     android:layout_width="match_parent"
3     android:id="@+id/main_list"
4     android:layout_height="match_parent">
5 </ListView>

數據設置和適配及listview事件監聽:

 1 String str_con="一秒就成為了下一秒的過去,既然很多東西注定要失去的,那么,我們唯一可以做到的就是不輕易忘記。“讀過一句話,當你總是緬懷過去的時候,證明你現在過的並不好。所以,美好的回憶可以,但絕不留戀。要永遠憧憬,永遠在現在努力。";
 2 
 3 //新建一個list存放數據
 4 List<Map<String,Object>> listdata=new ArrayList<Map<String,Object>>();
 5 
 6  //第一行內容
 7  Map<String,Object> mapdata=new HashMap<String, Object>();
 8  mapdata.put("img",R.mipmap.zcy1);
 9  mapdata.put("title","東小東1");
10  mapdata.put("context","1: "+str_con);
11  listdata.add(mapdata);
12 
13  //第二行內容
14  mapdata=new HashMap<String, Object>();
15  mapdata.put("img",R.mipmap.zcy2);
16  mapdata.put("title","東小東2");
17  mapdata.put("context","2: "+str_con);
18  listdata.add(mapdata);
19 
20  //第三行內容
21  mapdata=new HashMap<String, Object>();
22  mapdata.put("img",R.mipmap.zcy3);
23  mapdata.put("title","東小東3");
24  mapdata.put("context","3: "+str_con);
25  listdata.add(mapdata);
26 
27 
28  //鍵和顯示控件的id必須一一對應
29  String[] key_data={"img","title","context"};
30  int[] res_data={R.id.dong_img,R.id.dong_title,R.id.dong_context};
31 
32  //列表
33  main_list=(ListView)findViewById(R.id.main_list);
34  final SimpleAdapter adp2=new SimpleAdapter(MainActivity.this,listdata,R.layout.dong,key_data,res_data);
35  main_list.setAdapter(adp2);
36 
37  //長按事件
38  main_list.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
39      @Override
40      public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
41 
42 //方法1------------------------------
43 // Map<String, Object> mMap = (Map<String, Object>) adp2.getItem(position);
44 
45  //得到標題
46 // String title=mMap.get("title").toString();
47  //得到內容
48 // String cont=mMap.get("context").toString();
49 
50  //得到圖片資源
51 // int img=(int)mMap.get("img");
52 
53 //方法2-----------------------------
54          HashMap<String,String> map=(HashMap<String,String>)parent.getItemAtPosition(position);
55          //得到標題
56          String title=map.get("title");
57          //得到內容
58          String cont=map.get("context");
59 
60          Toast.makeText(MainActivity.this,"\n你長按了第:"+position+"項\n標題為:"+title+"\n內容為:"+cont,Toast.LENGTH_SHORT).show();
61 
62          return true;
63      }
64  });

BaseAdapt使用:

    相比前面兩個,其baseadapt使用較為復雜,但實現的功能較多,對復雜界面數據顯示能力強,是學習listview數據適配的重點。baseadapt是一個抽象類,繼承它需要實現較多的方法,所以也就具有較高的靈活性。

 

建立listview中每一個item的基本布局:

新建一個xml文件即可

建立一個存放數據的類,並實現其Get和Set方法:

 1 class BaseData{
 2     //分別為標題和內容
 3     private String title,text;
 4     //圖片資源
 5     private int img;
 6 
 7     public String getTitle() {
 8         return title;
 9     }
10 
11     public void setTitle(String title) {
12         this.title = title;
13     }
14 
15     public String getText() {
16         return text;
17     }
18 
19     public void setText(String text) {
20         this.text = text;
21     }
22 
23     public int getImg() {
24         return img;
25     }
26 
27     public void setImg(int img) {
28         this.img = img;
29     }
30 }

設置數據:

 1 String str_con="一秒就成為了下一秒的過去,既然很多東西注定要失去的,那么,我們唯一可以做到的就是不輕易忘記。“讀過一句話,當你總是緬懷過去的時候,證明你現在過的並不好。所以,美好的回憶可以,但絕不留戀。要永遠憧憬,永遠在現在努力。";
 2 
 3 List<BaseData> listdatax=new ArrayList<>();
 4 BaseData bd=new BaseData();
 5 bd.setImg(R.mipmap.zcy1);
 6 bd.setTitle("東小東111");
 7 bd.setText("111"+str_con);
 8 listdatax.add(bd);
 9 
10 bd=new BaseData();
11 bd.setImg(R.mipmap.zcy2);
12 bd.setTitle("東小東222");
13 bd.setText("222"+str_con);
14 listdatax.add(bd);
15 
16 bd=new BaseData();
17 bd.setImg(R.mipmap.zcy3);
18 bd.setTitle("東小東333");
19 bd.setText("333"+str_con);
20 listdatax.add(bd);

 viewholder緩存設計:

       通過ViewHolder緩存convertView,這種利用緩存contentView的方式可以判斷如果緩存中不存在View才創建View,如果已經存在可以利用緩存中的View,提升了性能 。 ViewHolder只是將需要緩存的那些view封裝好。

1 private static class  mViewHolder{
2     TextView htext,htitle;
3     ImageView himg;
4 
5 }

適配器類:

 1 //適配器類
 2     public class MyBaseAdapter extends BaseAdapter {
 3 
 4         private List<BaseData> listdatax2;
 5         //構造函數,獲取到數據列表
 6         public MyBaseAdapter(List<BaseData> datex){
 7             this.listdatax2=datex;
 8         }
 9 
10         @Override
11         public int getCount() {//總條數
12             return listdatax2.size();
13         }
14         @Override
15         public Object getItem(int position) {//根據一個索引(位置)獲得該位置的對象
16             return listdatax2.get(position);
17         }
18         @Override
19         public long getItemId(int position) {//獲取條目的id
20             return 0;
21         }
22         @Override
23         public View getView(int position, View convertView, ViewGroup parent) {//獲取該條目要顯示的界面
24             mViewHolder holder = null;
25 
26             if (convertView == null) {
27                 //無緩存時進入
28                 holder = new mViewHolder();
29                 //這里要注意有一個是上下文,一個是顯示每一行的行布局文件
30                 convertView=MainActivity.this.getLayoutInflater().inflate(R.layout.dong,parent,false);
31 
32                 holder.htitle = (TextView) convertView.findViewById(R.id.dong_title);
33                 holder.htext= (TextView) convertView.findViewById(R.id.dong_context);
34                 holder.himg = (ImageView) convertView.findViewById(R.id.dong_img);
35                 convertView.setTag(holder);
36             }else {
37                 //緩存時進入
38                 holder = (mViewHolder) convertView.getTag();
39             }
40             //匹配數據
41             holder.htitle.setText(listdatax2.get(position).getTitle());
42             holder.htext.setText(listdatax2.get(position).getText());
43             holder.himg.setImageResource(listdatax2.get(position).getImg());
44 
45       /*
46             lilayoutx.p1tx.setOnClickListener(new View.OnClickListener() {
47                 @Override
48                 public void onClick(View v) {
49                     iteminterx.onclick(position);
50                 }
51             });
52 
53             */
54             return convertView;
55         }
56     }

結果顯示及事件監聽:

 1 //新建適配器對象
 2  final MyBaseAdapter myadapterx=new MyBaseAdapter(listdatax);
 3  //列表
 4  main_list=(ListView)findViewById(R.id.main_list);
 5  //設置適配器
 6  main_list.setAdapter(myadapterx);
 7 //添加點擊事件
 8  main_list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
 9      @Override
10      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
11          //使用對象方法獲取
12          BaseData itemx;
13          itemx = (BaseData) myadapterx.getItem(position);
14          int img=itemx.getImg();
15 
16          //可自接通過此處改變控件上的某個圖片顯示
17          //圖片顯示控件,main_img=(ImageView)findViewById(R.id.main_img);
18          main_img.setImageResource(img);
19           
20          //數據輸出
21          Toast.makeText(MainActivity.this,position + "  ***  " + itemx.getTitle() + "   " + img,Toast.LENGTH_SHORT).show();
22      }
23  });

 


 下一步將整理出基本的詳細內容展示頁編寫和ListView下拉刷新實現

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM