• Android------自定义ListView详解


    引自:http://www.cnblogs.com/phonegap/archive/2011/04/28/2535732.html

      

    在这里我就对自定义ListView进行讲解下吧,直入真题吧,首先我新创建一个项目:listDemo;

     其次,我们需要建立一个XML文件,在这里我就直接写在main.xml里:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >
    <ListView  
     android:id="@+id/listView"
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        />
    </LinearLayout>

    然后我们需要定义一个ITEM.XML来显示其数据:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >
        <ImageView
         android:id="@+id/images_id"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:src="@drawable/icon"
         />
        <LinearLayout
         android:orientation="vertical"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         >
         <TextView
          android:id="@+id/text_id"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="default_001"
          />
         <TextView
          android:id="@+id/text_info"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="default_info" 
          />
         <TextView
          android:id="@+id/text_url"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="default_url"
          />
          
         </LinearLayout> 
    </LinearLayout>

    现在我们把XML文件做好了,就是对其适配数据的布局进行定义了,首先我们需要创建一个类:

    package com.jsd;
    
    import java.util.ArrayList;
    
    import android.app.Activity;
    import android.content.Context;
    import android.os.Bundle;
    import android.widget.ListView;
    
    import com.jsd.adapter.AppAdapter;
    import com.jsd.model.AppInfos;
    
    /**
     * ListView customer
     * @author jiangshide
     *
     */
    public class Demo extends Activity {
     
     private Context mContext;
     private ListView listView;
     private ArrayList<AppInfos> appInfos;
     private AppAdapter appAdapter;
     
     @Override
     protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.main);
      getComponenets();
     }
     
     /**
      * componenet 
      */
     public void getComponenets(){
      this.mContext = this;
      listView = (ListView) findViewById(R.id.listView);
      appInfos = new ArrayList<AppInfos>();
      loadDatas();
      appAdapter = new AppAdapter(mContext,appInfos);
      listView.setAdapter(appAdapter);
     }
     
     /**
      * load datas
      */
     public void loadDatas(){
      for (int i = 0; i < 10; i++) {
       AppInfos ai = new AppInfos();
       if(i == 1){
        ai.setImages(R.drawable.icon);
       }else if(i == 2){
        ai.setImages(R.drawable.item1);
       }else if(i == 3){
        ai.setImages(R.drawable.item2);
       }else if(i == 4){
        ai.setImages(R.drawable.item3);
       }else if(i == 5){
        ai.setImages(R.drawable.item4);
       }else if(i == 6){
        ai.setImages(R.drawable.item5);
       }
       ai.setText_id("001");
       ai.setText_infos("这是我们都需要注意的...");
       ai.setText_url("http://jiangshide.com");
       appInfos.add(ai);
      }
     }
    }

    这位主线程的UI类,

    其实需要穿件一个适配器需要继承BaseAdapter:

    package com.jsd.adapter;
    
    import java.util.ArrayList;
    
    import android.content.Context;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.BaseAdapter;
    
    import com.jsd.model.AppInfos;
    import com.jsd.view.AppView;
    
    /**
     * Adapter 
     * @author jiangshide
     *
     */
    public class AppAdapter extends BaseAdapter {
    
     private Context mContext;
     private ArrayList<AppInfos> appInfos;
     
     public AppAdapter(Context c) {
      this.mContext = c;
     }
     
     public AppAdapter(Context c,ArrayList<AppInfos> appInfos) {
      this.mContext = c;
      this.appInfos = appInfos;
     }
     
     public int getCount() {
      return appInfos.size();
     }
    
     public Object getItem(int position) {
      return appInfos.get(position);
     }
    
     public long getItemId(int position) {
      return position;
     }
    
     /**
      * get view
      */
     public View getView(int position, View convertView, ViewGroup parent) {
      if(appInfos == null){
       return null;
      }
      if(convertView == null){
       AppView appView = new AppView(mContext);
       appView.updateView(appInfos.get(position));
       convertView = appView;
      }else{
       ((AppView)convertView).updateView(appInfos.get(position));
      }
      return convertView;
     }
    
    }
    
    为了对其数据进行适配,我们需要对数据进行持久话:使用BEAN的方式进行保存
    
    package com.jsd.model;
    
    /**
     * datas
     * @author jiangshide
     *
     */
    public class AppInfos {
    
     private int images;
     private String text_id;
     private String text_infos;
     private String text_url;
     
     public int getImages() {
      return images;
     }
     public void setImages(int images) {
      this.images = images;
     }
     public String getText_id() {
      return text_id;
     }
     public void setText_id(String textId) {
      text_id = textId;
     }
     public String getText_infos() {
      return text_infos;
     }
     public void setText_infos(String textInfos) {
      text_infos = textInfos;
     }
     public String getText_url() {
      return text_url;
     }
     public void setText_url(String textUrl) {
      text_url = textUrl;
     }
    }

    再次就是对View显示布局的控件进行定义来对数据参数的获取

    package com.jsd.view;
    
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    import android.widget.TextView;
    
    import com.jsd.R;
    import com.jsd.model.AppInfos;
    
    /**
     * View
     * @author jiangshide
     *
     */
    public class AppView extends LinearLayout {
    
     private Context mContext;
     private ImageView image_id;
     private TextView text_id,text_info,text_url;
     
     /**
      * 
      * @param context
      */
     public AppView(Context context) {
      super(context);
      this.mContext = context;
      initilize(context);
     }
     
     /**
      * 
      * @param c
      */
     public void initilize(Context c){
      this.mContext = c;
      View view = LayoutInflater.from(this.mContext).inflate(R.layout.item, null);
      image_id = (ImageView) view.findViewById(R.id.images_id);
      text_id = (TextView) view.findViewById(R.id.text_id);
      text_info = (TextView) view.findViewById(R.id.text_info);
      text_url = (TextView) view.findViewById(R.id.text_url);
      addView(view);
     }
     
     /**
      * 
      * @param ai
      */
     public void updateView(AppInfos ai){
      image_id.setImageResource(ai.getImages());
      text_id.setText(ai.getText_id());
      text_info.setText(ai.getText_infos());
      text_url.setText(ai.getText_url());
     }
    }

    OK,以上就是完整的代码实现对ListView的自定义的实现,

  • 相关阅读:
    DNS原理入门
    软件架构入门
    熵:宇宙的终极规则
    新鲜事
    加密货币的本质
    汇编语言入门教程
    HTML & CSS
    [模板] 矩阵快速幂
    [模板] 三分
    [模板] 2-SAT 问题
  • 原文地址:https://www.cnblogs.com/Anita9002/p/4331603.html
Copyright © 2020-2023  润新知