본문 바로가기

DEVELOPMENT/ANDROID

[android] Custom ListView (커스텀 리스트뷰) Footer를 이용한 더보기 구현

리스트뷰의 더보기 기능 구현입니다.


추가적으로 커스텀으로 만들었습니다. 소스를 어디서 훔쳐온건지는...기억이 안나... 링크를 못달아둡니다.ㅠ


혹시라도 자료에 문제가 있거나, 삭제를 요청 혹은 출처를 아시는 분은 댓글을 달아주시기 바랍니다.




커스텀 리스트뷰 + footer를 이용한 더보기 구현 (샘플소스 다운로드 및 스크린샷은 소스 하단부에 있습니다.)


MainActivity.java

  1. package com.example.morelistview;
  2.  
  3. import java.util.ArrayList;
  4. import android.app.Activity;
  5. import android.app.AlertDialog;
  6. import android.content.Context;
  7. import android.content.DialogInterface;
  8. import android.os.Bundle;
  9. import android.os.Handler;
  10. import android.util.Log;
  11. import android.view.LayoutInflater;
  12. import android.view.View;
  13. import android.view.View.OnClickListener;
  14. import android.view.ViewGroup;
  15. import android.widget.AbsListView;
  16. import android.widget.AbsListView.OnScrollListener;
  17. import android.widget.BaseAdapter;
  18. import android.widget.Button;
  19. import android.widget.ListView;
  20. import android.widget.TextView;
  21. import android.widget.Toast;
  22.  
  23. public class MainActivity extends Activity implements OnScrollListener
  24. {
  25.     private ArrayList<MyItem> marItem;
  26.     private MyListAdapter     mMyAdapte;
  27.     private ListView          mListView;
  28.     private MyItem            items;
  29.    
  30.     // 스크롤 로딩
  31.     private LayoutInflater mInflater;
  32.     private boolean mLockListView;
  33.  
  34.     @Override
  35.     public void onCreate(Bundle savedInstanceState)
  36.     {
  37.         super.onCreate(savedInstanceState);
  38.         setContentView(R.layout.activity_main);
  39.        
  40.         mListView = (ListView)findViewById(R.id.moreList);
  41.         marItem = new ArrayList<MyItem>();
  42.        
  43.         mLockListView = true;
  44.        
  45.         // 푸터를 등록. setAdapter 이전에 해야함.
  46.         mInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  47.         mListView.addFooterView(mInflater.inflate(R.layout.listview_footernull));
  48.        
  49.         // 스크롤 리스너 등록
  50.         mListView.setOnScrollListener(this);
  51.        
  52.         mMyAdapte = new MyListAdapter(this, R.layout.custom_layout, marItem);
  53.         mListView.setAdapter(mMyAdapte);
  54.        
  55.         // 임시 데이터 등록
  56.         addItems(10);
  57.     }
  58.    
  59.     // dialog
  60.     private void btnDialog(final Activity _activity, String msg, final boolean _slct, final String _slctCustId)
  61.     {
  62.         AlertDialog.Builder alt_bld = new AlertDialog.Builder(_activity);
  63.         alt_bld.setMessage(msg).setCancelable(false)
  64.         .setPositiveButton("확인"new DialogInterface.OnClickListener()
  65.         {
  66.             public void onClick(DialogInterface dialog, int id)
  67.             {
  68.                 if(_slct)
  69.                 {
  70.                     Toast.makeText(MainActivity.this"확인"1).show();
  71.                 }
  72.                 else if(!_slct)
  73.                 {
  74.                     Toast.makeText(MainActivity.this"취소"1).show();
  75.                 }
  76.             }
  77.         })
  78.         .setNegativeButton("취소"new DialogInterface.OnClickListener()
  79.         {
  80.             public void onClick(DialogInterface dialog, int id)
  81.             {
  82.             }
  83.         });
  84.         AlertDialog alert = alt_bld.create();
  85.         alert.show();
  86.     }
  87.  
  88.     // 리스트뷰 출력 항목
  89.     class MyItem
  90.     {
  91.         MyItem(String _coustId)
  92.         {
  93.             sCustId = _coustId;
  94.         }
  95.         String sCustId;
  96.     }
  97.    
  98.     // 어댑터 클래스
  99.     class MyListAdapter extends BaseAdapter
  100.     {
  101.         Context cContext;
  102.         LayoutInflater lInflater;
  103.         ArrayList<MyItem> alSrc;
  104.         int layout;
  105.        
  106.         public MyListAdapter(Context _context, int _layout, ArrayList<MyItem> _arrayList)
  107.         {
  108.             cContext  = _context;
  109.             lInflater = (LayoutInflater)_context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  110.             alSrc     = _arrayList;
  111.             layout    = _layout;
  112.         }
  113.  
  114.         @Override
  115.         public int getCount()
  116.         {
  117.             return alSrc.size();
  118.         }
  119.  
  120.         @Override
  121.         public Object getItem(int position)
  122.         {
  123.             return alSrc.get(position).sCustId;
  124.         }
  125.  
  126.         @Override
  127.         public long getItemId(int position)
  128.         {
  129.             return position;
  130.         }
  131.  
  132.         // 각 뷰의 항목 생성
  133.         @Override
  134.         public View getView(int position, View convertView, ViewGroup parent)
  135.         {
  136.             final int pos = position;
  137.             if(convertView == null)
  138.             {
  139.                 convertView = lInflater.inflate(layout, parent, false);
  140.             }
  141.            
  142.             final String getCustId = alSrc.get(pos).sCustId;
  143.            
  144.             TextView tvCustId = (TextView)convertView.findViewById(R.id.tvCoustId);
  145.             tvCustId.setText(alSrc.get(position).sCustId);
  146.            
  147.             Button btSending = (Button)convertView.findViewById(R.id.sendBtn);
  148.             btSending.setOnClickListener(new OnClickListener()
  149.             {
  150.                 @Override
  151.                 public void onClick(View v)
  152.                 {
  153.                     btnDialog(MainActivity.this"전송"true, getCustId);
  154.                 }
  155.             });
  156.             // 삭제버튼
  157.             Button deleteBtn = (Button)convertView.findViewById(R.id.deleteBtn);
  158.             deleteBtn.setOnClickListener(new OnClickListener()
  159.             {
  160.                 @Override
  161.                 public void onClick(View v)
  162.                 {
  163.                     btnDialog(MainActivity.this"삭제"false, getCustId);
  164.                 }
  165.             });
  166.             return convertView;
  167.         }
  168.     }
  169.    
  170.     // 더미 아이템 추가
  171.     private void addItems(final int size)
  172.     {
  173.         // 아이템을 추가하는 동안 중복 요청을 방지하기 위해 락을 걸어둡니다.
  174.         mLockListView = true;
  175.         Runnable run = new Runnable()
  176.         {
  177.             @Override
  178.             public void run()
  179.             {
  180.                 for(int i = 0 ; i < size ; i++)
  181.                     {
  182.                     items = new MyItem("more " + i);
  183.                     marItem.add(items);
  184.                     }
  185.                 // 모든 데이터를 로드하여 적용하였다면 어댑터에 알리고
  186.                 // 리스트뷰의 락을 해제합니다.
  187.                 mMyAdapte.notifyDataSetChanged();
  188.                 mLockListView = false;
  189.             }
  190.         };
  191.         // 속도의 딜레이를 구현하기 위한 꼼수
  192.         Handler handler = new Handler();
  193.         handler.postDelayed(run, 1000);
  194.     }
  195.  
  196.     public void onBtnClickBackBtn(View _view)
  197.     {
  198.         finish();
  199.     }
  200.     @Override
  201.     public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount)
  202.     {
  203.         // 현재 가장 처음에 보이는 셀번호와 보여지는 셀번호를 더한값이
  204.         // 전체의 숫자와 동일해지면 가장 아래로 스크롤 되었다고 가정합니다.
  205.         int count = totalItemCount - visibleItemCount;
  206.        
  207.         if(firstVisibleItem >= count && totalItemCount != 0 && mLockListView == false)
  208.         {
  209.           Log.i("list""Loading next items");
  210.           addItems(10);
  211.         }  
  212.     }
  213.     @Override
  214.     public void onScrollStateChanged(AbsListView view, int scrollState)
  215.     {
  216.     }
  217. }


activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.    android:layout_width="match_parent"
  4.    android:layout_height="match_parent"
  5.    android:orientation="vertical" >
  6.  
  7.     <ListView
  8.        android:id="@+id/moreList"
  9.        android:layout_width="match_parent"
  10.        android:layout_height="match_parent" >
  11.     </ListView>
  12.  
  13. </LinearLayout>

custom_layout.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.    android:layout_width="match_parent"
  4.    android:layout_height="match_parent"
  5.    android:orientation="horizontal" >
  6.  
  7.     <TextView
  8.        android:id="@+id/tvCoustId"
  9.        android:layout_width="0dip"
  10.        android:layout_height="wrap_content"
  11.        android:layout_weight="6"
  12.        android:text="Medium Text"
  13.        android:textAppearance="?android:attr/textAppearanceMedium" />
  14.  
  15.     <Button
  16.        android:id="@+id/sendBtn"
  17.        android:layout_width="0dip"
  18.        android:layout_height="wrap_content"
  19.        android:layout_weight="2"
  20.        android:text="확인" />
  21.  
  22.     <Button
  23.        android:id="@+id/deleteBtn"
  24.        android:layout_width="0dip"
  25.        android:layout_height="wrap_content"
  26.        android:layout_weight="2"
  27.        android:text="취소" />
  28.  
  29. </LinearLayout>

listview_footer.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.    android:layout_width="fill_parent"
  4.    android:layout_height="wrap_content"
  5.    android:gravity="center" >
  6.  
  7.     <ImageView
  8.        android:id="@+id/iv_list_footer_loading"
  9.        android:layout_width="wrap_content"
  10.        android:layout_height="wrap_content" />
  11.  
  12.     <TextView
  13.        android:id="@+id/tv_list_footer"
  14.        android:layout_width="wrap_content"
  15.        android:layout_height="50dip"
  16.        android:layout_marginLeft="10dip"
  17.        android:gravity="center"
  18.        android:text="More item ..."
  19.        android:textAppearance="?android:attr/textAppearanceLarge" />
  20.  
  21. </LinearLayout>




샘플소스 다운로드


moreListView.zip