유용한팁

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

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

7년 전

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

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

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

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

MainActivity.java

package com.example.morelistview;

import java.util.ArrayList;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity implements OnScrollListener
{
    private ArrayList marItem;
    private MyListAdapter     mMyAdapte;
    private ListView          mListView;
    private MyItem            items;

    // 스크롤 로딩
    private LayoutInflater mInflater;
    private boolean mLockListView;

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mListView = (ListView)findViewById(R.id.moreList);
        marItem = new ArrayList();

        mLockListView = true;

        // 푸터를 등록. setAdapter 이전에 해야함.
        mInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        mListView.addFooterView(mInflater.inflate(R.layout.listview_footer, null));

        // 스크롤 리스너 등록
        mListView.setOnScrollListener(this);

        mMyAdapte = new MyListAdapter(this, R.layout.custom_layout, marItem);
        mListView.setAdapter(mMyAdapte);

        // 임시 데이터 등록
        addItems(10);
    }

    // dialog
    private void btnDialog(final Activity _activity, String msg, final boolean _slct, final String _slctCustId)
    {
        AlertDialog.Builder alt_bld = new AlertDialog.Builder(_activity);
        alt_bld.setMessage(msg).setCancelable(false)
        .setPositiveButton("확인", new DialogInterface.OnClickListener()
        {
            public void onClick(DialogInterface dialog, int id)
            {
                if(_slct)
                {
                    Toast.makeText(MainActivity.this, "확인", 1).show();
                }
                else if(!_slct)
                {
                    Toast.makeText(MainActivity.this, "취소", 1).show();
                }
            }
        })
        .setNegativeButton("취소", new DialogInterface.OnClickListener()
        {
            public void onClick(DialogInterface dialog, int id)
            {
            }
        });
        AlertDialog alert = alt_bld.create();
        alert.show();
    }

    // 리스트뷰 출력 항목
    class MyItem
    {
        MyItem(String _coustId)
        {
            sCustId = _coustId;
        }
        String sCustId;
    }

    // 어댑터 클래스
    class MyListAdapter extends BaseAdapter
    {
        Context cContext;
        LayoutInflater lInflater;
        ArrayList alSrc;
        int layout;

        public MyListAdapter(Context _context, int _layout, ArrayList _arrayList)
        {
            cContext  = _context;
            lInflater = (LayoutInflater)_context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            alSrc     = _arrayList;
            layout    = _layout;
        }

        @Override
        public int getCount()
        {
            return alSrc.size();
        }

        @Override
        public Object getItem(int position)
        {
            return alSrc.get(position).sCustId;
        }

        @Override
        public long getItemId(int position)
        {
            return position;
        }

        // 각 뷰의 항목 생성
        @Override
        public View getView(int position, View convertView, ViewGroup parent)
        {
            final int pos = position;
            if(convertView == null)
            {
                convertView = lInflater.inflate(layout, parent, false);
            }

            final String getCustId = alSrc.get(pos).sCustId;

            TextView tvCustId = (TextView)convertView.findViewById(R.id.tvCoustId);
            tvCustId.setText(alSrc.get(position).sCustId);

            Button btSending = (Button)convertView.findViewById(R.id.sendBtn);
            btSending.setOnClickListener(new OnClickListener()
            {
                @Override
                public void onClick(View v)
                {
                    btnDialog(MainActivity.this, "전송", true, getCustId);
                }
            });
            // 삭제버튼
            Button deleteBtn = (Button)convertView.findViewById(R.id.deleteBtn);
            deleteBtn.setOnClickListener(new OnClickListener()
            {
                @Override
                public void onClick(View v)
                {
                    btnDialog(MainActivity.this, "삭제", false, getCustId);
                }
            });
            return convertView;
        }
    }

    // 더미 아이템 추가
    private void addItems(final int size)
    {
        // 아이템을 추가하는 동안 중복 요청을 방지하기 위해 락을 걸어둡니다.
        mLockListView = true;
        Runnable run = new Runnable()
        {
            @Override
            public void run()
            {
                for(int i = 0 ; i < size ; i++)
                    {
                    items = new MyItem("more " + i);
                    marItem.add(items);
                    }
                // 모든 데이터를 로드하여 적용하였다면 어댑터에 알리고
                // 리스트뷰의 락을 해제합니다.
                mMyAdapte.notifyDataSetChanged();
                mLockListView = false;
            }
        };
        // 속도의 딜레이를 구현하기 위한 꼼수
        Handler handler = new Handler();
        handler.postDelayed(run, 1000);
    }

    public void onBtnClickBackBtn(View _view)
    {
        finish();
    }
    @Override
    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount)
    {
        // 현재 가장 처음에 보이는 셀번호와 보여지는 셀번호를 더한값이
        // 전체의 숫자와 동일해지면 가장 아래로 스크롤 되었다고 가정합니다.
        int count = totalItemCount - visibleItemCount;

        if(firstVisibleItem >= count && totalItemCount != 0 && mLockListView == false)
        {
          Log.i("list", "Loading next items");
          addItems(10);
        }
    }
    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState)
    {
    }
}

activity_main.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" >

    <ListView
       android:id="@+id/moreList"
       android:layout_width="match_parent"
       android:layout_height="match_parent" >
    </ListView>

</LinearLayout>

custom_layout.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="horizontal" >

    <TextView
       android:id="@+id/tvCoustId"
       android:layout_width="0dip"
       android:layout_height="wrap_content"
       android:layout_weight="6"
       android:text="Medium Text"
       android:textAppearance="?android:attr/textAppearanceMedium" />

    <Button
       android:id="@+id/sendBtn"
       android:layout_width="0dip"
       android:layout_height="wrap_content"
       android:layout_weight="2"
       android:text="확인" />

    <Button
       android:id="@+id/deleteBtn"
       android:layout_width="0dip"
       android:layout_height="wrap_content"
       android:layout_weight="2"
       android:text="취소" />

</LinearLayout>
listview_footer.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:gravity="center" >

    <ImageView
       android:id="@+id/iv_list_footer_loading"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content" />

    <TextView
       android:id="@+id/tv_list_footer"
       android:layout_width="wrap_content"
       android:layout_height="50dip"
       android:layout_marginLeft="10dip"
       android:gravity="center"
       android:text="More item ..."
       android:textAppearance="?android:attr/textAppearanceLarge" />

</LinearLayout>