Android ListView 끝까지 스크롤 하면 자동 으로 데 이 터 를 불 러 옵 니 다.

9757 단어 AndroidListView로드
안 드 로 이 드 를 잘 아 는 친구 들 은 모두 알 고 있 습 니 다.웨 이 보 클 라 이언 트 든 뉴스 클 라 이언 트 든 목록 구성 요 소 를 떠 날 수 없습니다.목록 구성 요 소 는 안 드 로 이 드 데이터 표현 에 있어 서 가장 중요 한 구성 요소 라 고 할 수 있 습 니 다.우 리 는 오늘 목록 구성 요소 인 ListView 로 데 이 터 를 불 러 오 는 것 과 관련 된 내용 을 이야기 하 겠 습 니 다.일반적으로 하나의 응용 프로그램 은 대량의 데 이 터 를 보 여줄 때 사용 가능 한 모든 데 이 터 를 사용자 에 게 보 여주 지 않 습 니 다.이것 은 서버 든 클 라 이언 트 든 모두 적지 않 은 압력 이기 때문에 많은 응용 프로그램 은 일괄 로 딩 형식 으로 사용자 가 필요 로 하 는 데 이 터 를 얻 습 니 다.예 를 들 어 웨 이 보 클 라 이언 트 는 사용자 가 목록 밑 으로 미 끄 러 질 때 다음 페이지 의 데 이 터 를 자동 으로 불 러 올 수도 있 고 밑 에'더 많이 불 러 오기'단 추 를 놓 을 수도 있 습 니 다.사용자 가 클릭 한 후에 다음 페이지 의 데 이 터 를 불 러 올 수도 있 습 니 다.
우 리 는 오늘 실례 를 결합 하여 ListView 를 사용 하여 데 이 터 를 얻 는 과정 을 보 여 줍 니 다.
loadmore 프로젝트 를 새로 만 듭 니 다.구조 도와 최종 효과 도 를 살 펴 보 겠 습 니 다.

왼쪽 그림 에는 세 개의 레이아웃 파일,하나의 Adapter 와 하나의 Activity 가 포함 되 어 있 으 며,오른쪽 그림 은 우리 가 실행 한 후의 메 인 인터페이스 입 니 다.
그 중에서 main.xml 은 메 인 인터페이스의 레이아웃 파일 로 ListView 구성 요 소 를 포함 하고 코드 는 다음 과 같 습 니 다.

 <?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" 
 android:paddingLeft="3dp" 
 android:paddingRight="3dp"> 
 <ListView 
  android:id="@id/android:list" 
  android:layout_width="fill_parent" 
  android:layout_height="wrap_content"/> 
 </LinearLayout> 
여기 서 우 리 는 안 드 로 이 드 에 내 장 된 list 라 는 id 를 인용 했다.왜냐하면 우 리 는 뒤에 ListActivity 를 사용 해 야 하기 때문에 우리 의 MainActivity 는 그것 을 계승 한다.
그리고 listitem.xml,ListView 의 단일 목록 항목 의 레이아웃 파일 입 니 다.효과 도 에서 볼 수 있 습 니 다.여 기 는 하나의 TextView 구성 요소,list 만 사 용 됩 니 다.item.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"> 
 <TextView 
  android:id="@+id/list_item_text" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" 
  android:gravity="center" 
  android:textSize="20sp" 
  android:paddingTop="10dp" 
  android:paddingBottom="10dp"/> 
 </LinearLayout> 
우 리 는 오른쪽 그림 의 목록 밑 에 다른 목록 항목 과 다른 단추 가 있다 는 것 을 알 았 습 니 다.이것 은 어떤 상황 입 니까?사실 이 단 추 는 ListView 아래쪽 에 추 가 된 보기 입 니 다.ListView 구성 요 소 는 상단 과 아래쪽 에 사용자 정의 보 기 를 추가 할 수 있 는 두 가지 실 용적 인 기능 을 제공 합 니 다.더 많은 데 이 터 를 불 러 올 수 있 도록 ListView 의 아래쪽 에 보 기 를 추 가 했 습 니 다.이 보 기 는 load 에 대응 합 니 다.more.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="wrap_content"> 
 <Button 
  android:id="@+id/loadMoreButton" 
  android:layout_width="fill_parent" 
  android:layout_height="wrap_content" 
  android:text="load more" 
  android:onClick="loadMore"/> 
 </LinearLayout> 
다음은 우리 의 Adapter 를 알 아 보 겠 습 니 다.ListView Adapter 코드 는 다음 과 같 습 니 다.

 package com.scott.loadmore; 
 
 import java.util.List; 
 
 import android.content.Context; 
 import android.view.LayoutInflater; 
 import android.view.View; 
 import android.view.ViewGroup; 
 import android.widget.BaseAdapter; 
 import android.widget.TextView; 
 
 public class ListViewAdapter extends BaseAdapter { 
 private List<String> items; 
 private LayoutInflater inflater; 
  
 public ListViewAdapter(Context context, List<String> items) { 
  this.items = items; 
  inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
 } 
  
 @Override 
 public int getCount() { 
  return items.size(); 
 } 
 
 @Override 
 public Object getItem(int position) { 
  return items.get(position); 
 } 
 
 @Override 
 public long getItemId(int position) { 
  return position; 
 } 
 
 @Override 
 public View getView(int position, View view, ViewGroup parent) { 
  if (view == null) { 
  view = inflater.inflate(R.layout.list_item, null); 
  } 
  TextView text = (TextView) view.findViewById(R.id.list_item_text); 
  text.setText(items.get(position)); 
  return view; 
 } 
  
 /** 
  *       
  * @param item 
  */ 
 public void addItem(String item) { 
  items.add(item); 
 } 
 } 
이 ListView Adapter 는 사용자 정의 어댑터 입 니 다.BaseAdapter 에서 계승 합 니 다.이 어댑터 는 Context 대상 이 필요 합 니 다.Layout Inflater 인 스 턴 스 와 집합 대상 을 가 져 와 어댑터 의 데이터 세트 를 충당 해 야 합 니 다.getView 방법 에서 list 채 우기item.xml 레이아웃 파일,목록 의 모든 항목 의 데이터 표시 완료;addItem 방법 은 데 이 터 를 불 러 올 때 데이터 에 새 데 이 터 를 집중 적 으로 추가 하 는 데 사 용 됩 니 다.
마지막 으로 MainActivity 를 살 펴 보 겠 습 니 다.

 package com.scott.loadmore; 
 
 import java.util.ArrayList; 
 
 import android.app.ListActivity; 
 import android.os.Bundle; 
 import android.os.Handler; 
 import android.util.Log; 
 import android.view.View; 
 import android.widget.AbsListView; 
 import android.widget.AbsListView.OnScrollListener; 
 import android.widget.Button; 
 import android.widget.ListView; 
 
 public class MainActivity extends ListActivity implements OnScrollListener { 
 private ListView listView; 
 private int visibleLastIndex = 0; //         
 private int visibleItemCount; //           
 private ListViewAdapter adapter; 
 private View loadMoreView; 
 private Button loadMoreButton; 
 private Handler handler = new Handler(); 
 
 @Override 
 public void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.main); 
  
  loadMoreView = getLayoutInflater().inflate(R.layout.load_more, null); 
  loadMoreButton = (Button) loadMoreView.findViewById(R.id.loadMoreButton); 
 
  listView = getListView();  //  id list ListView 
  
  listView.addFooterView(loadMoreView); //         
 
  initAdapter(); 
  
  setListAdapter(adapter);  //   id list ListView      
  
  listView.setOnScrollListener(this); //       
 } 
  
 /** 
  *        
  */ 
 private void initAdapter() { 
  ArrayList<String> items = new ArrayList<String>(); 
  for (int i = 0; i < 10; i++) { 
  items.add(String.valueOf(i + 1)); 
  } 
  adapter = new ListViewAdapter(this, items); 
 } 
 
 /** 
  *        
  */ 
 @Override 
 public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { 
  this.visibleItemCount = visibleItemCount; 
  visibleLastIndex = firstVisibleItem + visibleItemCount - 1; 
 } 
 
 /** 
  *            
  */ 
 @Override 
 public void onScrollStateChanged(AbsListView view, int scrollState) { 
  int itemsLastIndex = adapter.getCount() - 1; //           
  int lastIndex = itemsLastIndex + 1;  //     loadMoreView  
  if (scrollState == OnScrollListener.SCROLL_STATE_IDLE && visibleLastIndex == lastIndex) { 
  //       ,                 
  Log.i("LOADMORE", "loading..."); 
  } 
 } 
  
 /** 
  *        
  * @param view 
  */ 
 public void loadMore(View view) { 
  loadMoreButton.setText("loading..."); //      loading 
  handler.postDelayed(new Runnable() { 
  @Override 
  public void run() { 
   
   loadData(); 
   
   adapter.notifyDataSetChanged(); //      ,  adapter 
   listView.setSelection(visibleLastIndex - visibleItemCount + 1); //      
   
   loadMoreButton.setText("load more"); //       
  } 
  }, 2000); 
 } 
  
 /** 
  *        
  */ 
 private void loadData() { 
  int count = adapter.getCount(); 
  for (int i = count; i < count + 10; i++) { 
  adapter.addItem(String.valueOf(i + 1)); 
  } 
 } 
 } 
코드 에서 보 듯 이,우 리 는 onCreate 방법 이 호출 될 때 listView 구성 요 소 를 가 져 옵 니 다.아래쪽 보 기 를 loadMoreView 로 설정 합 니 다.단 추 를 포함 하고 있 습 니 다.클릭 할 때 loadMore 방법 으로 호출 됩 니 다.또한,listView 에 어댑터 를 설정 할 때 미끄럼 이벤트 모니터 를 설정 하고,목록 을 미 끄 러 뜨 릴 때 onScroll 이 호출 됩 니 다.미끄럼 상태 가 바 뀌 면 onScroll State Changed 가 호출 됩 니 다.
이 로 딩 과정 을 보 여 드 리 겠 습 니 다.

그림 과 같이 단 추 를 누 르 면 로드 동작 이 나타 납 니 다.로드 가 끝 난 후에 오른쪽 그림 에서 보 듯 이 새 데 이 터 는 원래 데이터 에 이 어 집 니 다.그리고 우 리 는 끝까지 미 끄 러 집 니 다.로드 단 추 는 여전히 작업 할 수 있 습 니 다.

마지막 으로 미끄럼 목록 의 끝 부분 을 테스트 한 다음 에 풀 어 줍 니 다.콘 솔 은 다음 과 같이 인쇄 합 니 다.

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기