#14 (ListView : layout파일 붙이고, 이벤트 주기 )

item1.xml layout파일을 ListView에 붙이고, 이벤트 추가 하기.

- 버튼을 누르면 Toast를 이용해서 이미지내용을 보여준다. 

 

 

(1) 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"
    tools:context=".MainActivity" >

    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" >
    </ListView>

</RelativeLayout>

 

 

(2) item1.xml

; ImageView , TextView, Button을 붙인 layout을 만든다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="70dp"
    android:padding="10dp">
    <ImageView  android:id="@+id/img"
          android:src="@drawable/ic_launcher"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentLeft="true"
          android:adjustViewBounds="true"/>
    <TextView android:id="@+id/txt"
        android:layout_width="180dp"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:paddingLeft="10dp"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@id/img"
        android:text="test"/>
 <Button  android:id="@+id/btn"
     android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:text="주문"/>
</RelativeLayout>

 

 

(3) MainActivity.java

package com.example.test13_listview;

import java.util.ArrayList;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ListView;

public class MainActivity extends Activity {
    ListView listView;
    ArrayList<MyItem> list=new ArrayList<MyItem>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
        listView=(ListView)findViewById(R.id.listView1);
        //배열에 값 저장하기
        list.add(new MyItem(R.drawable.bird,"예쁜새"));
        list.add(new MyItem(R.drawable.boy,"소년그림"));
        list.add(new MyItem(R.drawable.coffe,"맛있는커피"));
        list.add(new MyItem(R.drawable.fruit,"맛있는과일"));
       
        //어댑터 만들기
        MyListAdapter adapter=new MyListAdapter(this,R.layout.item1, list);

        //리스트뷰와 어댑터 연결하기
        listView.setAdapter(adapter);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
}

 

 

 

(4) MyListAdapter.java

convertView : 안드로이드가 전달해주는 해당리스트 항목 뷰
 뷰가 스크롤할때마다 생성해서 보여주면 자원의 효율성에서 문제가 있으므로 생성된 뷰 정보를 가지고 있다가 다시 보여주면 getView에서 이 뷰를 리턴하는데 이것이 convertView이다.
 처음보일때는 생성된 것이 없으므로 null이지만 이미 보여진 내용을 스크롤해서 다시 보여지면 이때는 null이 아니다.

 

package com.example.test13_listview;

import java.util.ArrayList;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

 

// 사용자 정의 어댑터 클래스 만들기
// 어댑터(데이터(모델)+보여줄형식(레이아웃))
public class MyListAdapter extends BaseAdapter{
    private Context context;
    private int layoutId;
    private ArrayList<MyItem> list;
    private LayoutInflater inflater;//레이아웃 xml파일을 자바객체로 변환하기 위한객체
    /**
     *
     * @param context    : 컨텍스트
     * @param layoutId   : 보여줄 레이아웃
     * @param list       : 보여줄 데이터를 갖고있는 배열
     */
    public MyListAdapter(Context context,int layoutId,ArrayList<MyItem> list) {
        this.context=context;
        this.layoutId=layoutId;
        this.list=list;
        //LayoutInflater 객체 얻어오기(레이아웃xml파일을 자바객체로 변환하기 위해서)
        inflater=
        (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }
    //항목의 갯수 반환
    @Override
    public int getCount() {       
        return list.size();
    }
    //position에 해당하는 항목 반환
    @Override
    public Object getItem(int position) {
        return list.get(position);
    }
    //항목에 해당하는 아이디 반환
    @Override
    public long getItemId(int position) {
        return position;
    }
    //각 항목뷰+에 어떻게 보여질지를 정의
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if(convertView==null){//항목뷰가 한번도 보여진적이 없는 경우
            //레이아웃(item1.xml)을 자바객체로 변환하기
            convertView=inflater.inflate(layoutId,parent,false);
        }
        //////  convertView에 어떻게 보여질지 설정   ////////////
        //텍스트뷰에 제품명 넣기
        TextView txt=(TextView)convertView.findViewById(R.id.txt);
        final MyItem item=list.get(position);
        txt.setText(item.getItemName());
        //이미지뷰에 제품이미지 넣기
        ImageView img=(ImageView)convertView.findViewById(R.id.img);
        img.setImageResource(item.getIconID());
       
        //버튼을 눌렀을때 선택된 제품명 출력하기
        Button btn=(Button)convertView.findViewById(R.id.btn);
        btn.setOnClickListener(new View.OnClickListener() {       
            @Override
            public void onClick(View v) {
                String name=item.getItemName();
                //토스트로 출력하기
                Toast.makeText(context,"선택된 제품:"+ name,Toast.LENGTH_SHORT).show();
            }
        });
       
        ////////////////////////////////////////////////////////////
        return convertView;
    }
}

 

 

(5) MyItem.java

package com.example.test13_listview;

public class MyItem {
    private int iconID;//아이콘 리소스 아이디 저장(이미지)
    private String itemName;//텍스트뷰에 보여질 제품명
   
    public MyItem() {
        // TODO Auto-generated constructor stub
    }
    public MyItem(int iconID,String itemName){
        this.iconID=iconID;
        this.itemName=itemName;
    }
    public int getIconID() {
        return iconID;
    }
    public void setIconID(int iconID) {
        this.iconID = iconID;
    }
    public String getItemName() {
        return itemName;
    }
    public void setItemName(String itemName) {
        this.itemName = itemName;
    }   
}