안드로이드 커스텀 ListView

이 기사에서는 사용자 정의 목록 Android 프로그램 구현에 대해 설명합니다. 이 프로그램은 사용자 정의 어댑터를 사용하여
데이터를 바인딩하고 contextView.setTag를 통해 버튼으로 데이터를 바인딩하는 ListView를 구현합니다.
시스템이 목록(ListView)을 표시하면 먼저 어댑터를 인스턴스화합니다. 이 문서에서는 사용자 정의 어댑터를 인스턴스화합니다. 사용자 정의 어댑터를 구현하려면
데이터를 수동으로 매핑해야 합니다. 이 경우 getView() 메서드를 재정의해야 합니다.
시스템은 목록의 각 행을 그릴 때 이 메서드를 호출합니다.
ListView가 그리기 시작하면 시스템은 자동으로 getCount() 함수를 호출하고, 함수에서 반환된 값을 기반으로 ListView의 길이를 가져옵니다.
그런 다음 이 길이를 기반으로 getView()를 호출합니다. 선을 하나씩 그립니다.
구체적인 사용법은 아래 코드를 참조할 수 있습니다. Android에서 ListView를 맞춤설정하는 세 단계를 기억하세요.
1단계: 기본 레이아웃 파일, 구성 요소 레이아웃 파일 등 준비
2단계: 및 데이터 구성
3부: 데이터 바인딩, 여기서는 Adapter 클래스를 직접 작성하여 수행합니다.
1. 먼저 새 목록을 만듭니다.XML

Java 코드

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:orientation="vertical" >  
    <LinearLayout android:layout_width="match_parent"  
        android:layout_height="match_parent"  
        android:orientation="horizontal" android:background="#f1e4f1">  
        <ImageView   
            android:id="@+id/image"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"/>  
        <TextView   
            android:id="@+id/title"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:textColor="#666872"/>  
        <Button   
            android:id="@+id/view"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="详细"/>  
    </LinearLayout>  
    <TextView   
        android:id="@+id/info"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:textColor="#666872"/>  
</LinearLayout>

2, 새 어댑터 클래스 MyAdspter.java 만들기

Java 코드

public class MyAdspter extends BaseAdapter {  
  
    private List<Map<String, Object>> data;  
    private LayoutInflater layoutInflater;  
    private Context context;  
    public MyAdspter(Context context,List<Map<String, Object>> data){  
        this.context=context;  
        this.data=data;  
        this.layoutInflater=LayoutInflater.from(context);  
    }  
    /** 
     * 组件集合，对应list.xml中的控件 
     * @author Administrator 
     */  
    public final class Zujian{  
        public ImageView image;  
        public TextView title;  
        public Button view;  
        public TextView info;  
    }  
    @Override  
    public int getCount() {  
        return data.size();  
    }  
    /** 
     * 获得某一位置的数据 
     */  
    @Override  
    public Object getItem(int position) {  
        return data.get(position);  
    }  
    /** 
     * 获得唯一标识 
     */  
    @Override  
    public long getItemId(int position) {  
        return position;  
    }  
  
    @Override  
    public View getView(int position, View convertView, ViewGroup parent) {  
        Zujian zujian=null;  
        if(convertView==null){  
            zujian=new Zujian();  
            //获得组件，实例化组件  
            convertView=layoutInflater.inflate(R.layout.list, null);  
            zujian.image=(ImageView)convertView.findViewById(R.id.image);  
            zujian.title=(TextView)convertView.findViewById(R.id.title);  
            zujian.view=(Button)convertView.findViewById(R.id.view);  
            zujian.info=(TextView)convertView.findViewById(R.id.info);  
            convertView.setTag(zujian);  
        }else{  
            zujian=(Zujian)convertView.getTag();  
        }  
        //绑定数据  
        zujian.image.setBackgroundResource((Integer)data.get(position).get("image"));  
        zujian.title.setText((String)data.get(position).get("title"));  
        zujian.info.setText((String)data.get(position).get("info"));  
        return convertView;  
    }  
  
}

위의 LayoutInflater 사용과 관련하여: LayoutInflater 클래스는 실제 개발에 여전히 매우 유용합니다. 그 기능은 findViewById()와 유사합니다. 차이점은 LayoutInflater가 레이아웃 아래에서 xml 레이아웃 파일을 찾는 데 사용되며 인스턴스화된다는 것입니다. .
getView()의 세 가지 매개변수: position은 표시될 행을 나타내고, CovertView는 레이아웃 파일에서 확장된 레이아웃입니다
. LayoutInflater 메소드를 사용하여 정의된 list.xml 파일을 표시용 View 인스턴스로 추출합니다. 그런 다음 xml 파일
에서 각 구성 요소를 인스턴스화하여 데이터가 각 구성 요소에 매핑될 수 있도록 합니다. 그러나 클릭 이벤트에 응답하려면 클릭 이벤트가 캡처될 수 있도록 버튼이
에 클릭 리스너를 추가해야 합니다.
3. Activity_main.xml에 ListView 컨트롤 추가

Java 코드

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:paddingBottom="@dimen/activity_vertical_margin"  
    android:paddingLeft="@dimen/activity_horizontal_margin"  
    android:paddingRight="@dimen/activity_horizontal_margin"  
    android:paddingTop="@dimen/activity_vertical_margin"  
    tools:context=".MainActivity" >  
    <ListView   
        android:id="@+id/list"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"></ListView>  
</RelativeLayout>

4. Activity에서 ListView 호출

Java 코드 🎜>

public class MainActivity extends Activity {  
  
    private ListView listView=null;   
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        listView=(ListView)findViewById(R.id.list);  
        List<Map<String, Object>> list=getData();  
        listView.setAdapter(new MyAdspter(this, list));  
    }  
    @Override  
    public boolean onCreateOptionsMenu(Menu menu) {  
        getMenuInflater().inflate(R.menu.main, menu);  
        return true;  
    }  
  
    public List<Map<String, Object>> getData(){  
        List<Map<String, Object>> list=new ArrayList<Map<String,Object>>();  
        for (int i = 0; i < 10; i++) {  
            Map<String, Object> map=new HashMap<String, Object>();  
            map.put("image", R.drawable.ic_launcher);  
            map.put("title", "这是一个标题"+i);  
            map.put("info", "这是一个详细信息"+i);  
            list.add(map);  
        }  
        return list;  
    }  
}