1. xml만들기(activity_listView.xml)

 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	>
    <ListView 
    	android:id="@+id/list"
    	android:layout_width="match_parent"
		android:layout_height="match_parent"
    	/>
</LinearLayout>

 
 우선 전체화면을 구성할 xml을 생성후 ListView를 추가시켜준다.

2.  GetView에 의해 뿌려지게될 리스트 xml파일 만들기(list_item.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="wrap_content" android:orientation="horizontal" > <ImageView android:id="@+id/list_image" android:layout_width="50dp" android:layout_height="50dp" android:src="@drawable/icon" /> <TextView android:id="@+id/list_text" android:layout_width="match_parent" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceLarge" android:gravity="center_vertical" android:paddingLeft="6dip" android:minHeight="?android:attr/listPreferredItemHeight" /> </LinearLayout>
위 xml을 보면 알겠지만 리스트뷰는 item목록뿐만아니라 왼쪽에 이미지를 추가하여 리스트뷰를 구성한다.


4. MyData 클래스생성(ListViewActivity.java)
class MyData{ int mImage; String mName; public MyData(int image, String name) { mImage=image; mName=name; } }
ListView에 출력하게될 이미지(mImage)와 아이템이름(mNmae)을 묶어서 관리할 MyData클래스를 생성

3.  ListView에 추가할 데이터생성(ListViewActivity.java)
  public ArrayList<MyData> getList(){ ArrayList<MyData> list = new ArrayList<MyData>(); list.add(new MyData(R.drawable.calendar, "Calendar")); list.add(new MyData(R.drawable.check, "Check")); list.add(new MyData(R.drawable.data, "Data")); list.add(new MyData(R.drawable.gallery, "Gallery")); list.add(new MyData(R.drawable.home, "Home")); list.add(new MyData(R.drawable.map, "Map")); list.add(new MyData(R.drawable.star, "Star")); list.add(new MyData(R.drawable.talk, "Talk")); return list; }
getList() 함수를 만들어 getList호출시 ArrayList를 생성하여 데이터추가후 그에대한 참고값을 반환하도록함.


4. BaseAdapter를 상속받은 MyAdapter클래스 생성 (ListViewActivity.java)
BaseAdapter를 상속받은 MyAdapter를 생성하면 BaseAdapter내에 정의된 추상메소드를 구현해야한다. 구현해야할 메소드는 getCount(), getItem(), getItemId(int position), getView(int position, View convertView, ViewGroup parent)이다.

 1) BaseAdapter선언시 getList에 의해 반환된 ArrayList참조변수를 받아서 ListView를 구현할것이기때문에 위와같이 정의한다.
class MyData extends BaseAdapter{ ArrayList<MyData> mList; public MyData(ArrayList<MyData> list) { mList=list; } }

 2) BaseAdapter 추상클래스의 추상메소드 구현
 BaseAdapter를 상속받은 MyAdapter를 생성하면 BaseAdapter내에 정의된 추상메소드를 구현해야한다. 구현해야할 메소드는 getCount(), getItem(), getItemId(int position), getView(int position, View convertView, ViewGroup parent)이다. 

   - getCount(), getItem(), getItemId() 구현 
@Override public int getCount() { return mList.size(); } @Override public Object getItem(int position) { return mList.get(position); } @Override public long getItemId(int position) { return position; }
getCount() : 리스트의 갯수를 반환해주는 함수로 ArrayList의 사이즈를 반환해주면된다 - mList.size()
getItem() : 전달받은 position의 위치의 item을 리턴  - mList.get(position)
getItemId() : 해당 Item를 나타내는 고유한정보로 position을 리턴해주면된다.

  - getView 구현 
//매우중요! 화면이 스크롤될때마다 계속 호출해주는 메소드 public View getView(int position, View convertView, ViewGroup parent) { /**------------------------------------------------------ * position : 값을 가져갈 위치값? * * convertView : 이전에 사용되었던 View (재활용할수있는 뷰) * * parent : 부모View * *----------------------------------------------------- */ View v; ViewHolder holder; // v는 뭐지?? if(convertView==null){ //inflation : xml을 뷰로만들어주는 역할을 하는것 LayoutInflater inflater = LayoutInflater.from(getApplicationContext()); //LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE); v = inflater.inflate( R.layout.list_item_text_blue, //아이템을 구성하는 xml parent, false); Log.d("TA", "num" + mNum++); holder = new ViewHolder(); holder.tv = (TextView)v.findViewById(android.R.id.text1); holder.img= (ImageView)v.findViewById(R.id.image1); v.setTag(holder); } else { v=convertView; holder=(ViewHolder)v.getTag(); //값을 임시로저장해서 다시 불러옴 setTag, getTag! } //list_item_text_blue에 있는 text1를 가져옴 MyData name = getItem(position); //holder.tv.setText(name); holder.tv.setText(name.name); holder.img.setImageResource(name.image); /**------------------------------------------------ * inflater.inflate(resource, root, attachToRoot) * * Root : xml이 어디에 붙을지 지정 * * attachToRoot : 직접붙일지의 여부 * *------------------------------------------------*/ return v; //새로만들어진 뷰를 리턴함 }
자세한내용은 주석참고

더보기

접기

접기