Android 사용자 정의 ListView 예시 상세 설명

본 고 는 사용자 정의 목록 을 실현 하 는 안 드 로 이 드 프로그램 을 말한다.프로그램 은 사용자 정의 어댑터(Adapter)를 사용 하여 데 이 터 를 연결 하고 contextView.setTag 를 통 해 데 이 터 를 연결 하 는 단추 가 있 는 ListView 를 실현 할 것 이다.
시스템 디 스 플레이 목록(ListView)을 표시 할 때 먼저 어댑터 를 예화 합 니 다.본 고 는 사용자 정의 어댑터 를 예화 합 니 다.사용자 정의 어댑터 를 구현 하려 면 수 동 으로 데 이 터 를 매 핑 해 야 합 니 다.이 때 는 getView()방법 을 다시 써 야 합 니 다.시스템 은 목록 의 모든 줄 을 그 릴 때 이 방법 을 사용 합 니 다.
ListView 가 그림 을 그리 기 시작 할 때 시스템 은 getCount()함 수 를 자동 으로 호출 하고 함수 에 따라 ListView 의 길 이 를 되 돌려 주 며 이 길이 에 따라 getView()를 호출 하여 각 줄 을 하나씩 그립 니 다.
구체 적 인 사용 방법 은 다음 코드 를 참고 할 수 있 습 니 다.Android 사용자 정의 ListView 세 단계 만 기억 하 십시오.
첫 번 째 단계:메 인 레이아웃 파일,구성 요소 레이아웃 파일 등 을 준비 합 니 다.
두 번 째 단계:데 이 터 를 가 져 오고 정리 합 니 다.
세 번 째 단계:데 이 터 를 연결 합 니 다.여 기 는 Adapter 류 를 직접 작성 하여 완성 합 니 다.
1.우선 list.XML 을 새로 만 듭 니 다.

<?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

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; 
  } 
 
} 

위의 Layout Inflater 사용 에 대하 여:실제 개발 종 Layout Inflater 라 는 종 류 는 매우 유용 합 니 다.findViewById()와 유사 한 역할 을 합 니 다.다른 점 은 LayoutInflater 는 layot 에서 xml 레이아웃 파일 을 찾 고 예화 합 니 다!
getView()의 세 가지 인자:position 는 몇 번 째 줄 을 표시 하고 covertView 는 레이아웃 파일 에서 inflate 로 구 성 된 레이아웃 입 니 다.저 희 는 Layout Inflater 방법 으로 정 의 된 list.xml 파일 을 View 인 스 턴 스 로 추출 하여 표시 합 니 다.그리고 xml 파일 의 각 구성 요 소 를 예화 하면 데 이 터 를 각 구성 요소 에 대응 할 수 있 습 니 다.단 추 를 누 르 면 이벤트 에 응답 하기 위해 서 는
클릭 모니터 를 추가 하면 클릭 이 벤트 를 포착 할 수 있 습 니 다.
3、activity_main.xml 에 ListView 컨트롤 추가

<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 호출

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; 
  } 
} 

이상 은 Android ListView 의 간단 한 실현 입 니 다.관심 있 는 파트너 는 참고 하 세 요.