[안드로이드 기초] 리스트뷰 어뎁터로 데이터 보여주기

리스트뷰 어뎁터로 데이터 보여주기

#개념

#메인화면

#아이템이 들어있는 화면 

#엑티비티 main xml

<?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="match_parent">

    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">


        <Button
            android:id="@+id/button"
            android:layout_width="99dp"
            android:layout_height="wrap_content"
            android:text="input" />

        <EditText
            android:id="@+id/editText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:inputType="textPersonName"
            android:text="aaaa" />

        <EditText
            android:id="@+id/editText2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:inputType="textPersonName"
            android:text="010-54568-5435" />

    </LinearLayout>


    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/linearLayout" />

</RelativeLayout>

#singer_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/imageView"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:src="@mipmap/ic_launcher" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:orientation="vertical">

        <TextView
            android:id="@+id/text1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="name"
            android:textColor="@color/colorPrimaryDark"
            android:textSize="30dp" />


        <TextView
            android:id="@+id/text2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:text="tell"
            android:textColor="@android:color/holo_orange_light"
            android:textSize="24dp" />
    </LinearLayout>


</LinearLayout>

#MainActivity.java

package me.happygate.mylist0823;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {
    SingerAdapter adapter;

    EditText editText;
    EditText editText2;

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

        //데이터를 추가할 때 사용될 에딧 텍스트
        editText = (EditText) findViewById(R.id.editText);
        editText2 = (EditText) findViewById(R.id.editText2);

        //리스트 뷰에 어뎁터로 만든 데이터 넣어주기(껍데기)
        ListView listView = (ListView) findViewById(R.id.listView);

        //알맹이
        adapter = new SingerAdapter();

        adapter.addItem(new SingerItem("소시", "010-02450-0101", R.drawable.ad));
        adapter.addItem(new SingerItem("가시", "010-014510-0101", R.drawable.ad));
        adapter.addItem(new SingerItem("진시", "010-0122310-0101", R.drawable.ad));
        adapter.addItem(new SingerItem("희시", "010-0122310-0101", R.drawable.ad));
        adapter.addItem(new SingerItem("대시", "010-023410-0101", R.drawable.ad));
        adapter.addItem(new SingerItem("명시", "010-023410-0101", R.drawable.ad));

        //리스트 뷰에 데이터가 들어있는 어댑터를 넣어준다.
        listView.setAdapter(adapter);


        //리스트뷰를 클릭했을 때!!
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

                SingerItem item = (SingerItem) adapter.getItem(position);
                Toast.makeText(getApplicationContext(), "선택:" + item.getName(), Toast.LENGTH_SHORT).show();
            }
        });

        //추가 클릭했을 때
        Button button = (Button) findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String name = editText.getText().toString();
                String mobile = editText2.getText().toString();
                adapter.addItem(new SingerItem(name, mobile, R.drawable.ad));

                //리스트뷰 갱신
                adapter.notifyDataSetChanged();
            }
        });
    }


    //!!!!!!!!!!!!!!!어텝터 정의!!!!!!!!
    class SingerAdapter extends BaseAdapter {
        //데이터 담을 수 있는 공간 설정
        ArrayList<SingerItem> items = new ArrayList<SingerItem>();


        //몇개있니?
        @Override
        public int getCount() {
            return items.size();
        }

        //삽입
        public void addItem(SingerItem item) {
            items.add(item);

        }


        //선택한 아이템 번호
        @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 convertView, ViewGroup parent) {

            //뷰를 만들어 줄때 재사용할 수 있게
            //화면에 안보여 지게되는것은 다시 재사용하게 되면서 new로 만들필요 없다.
            // 코드 재사용 convertView 사용

            SingerItemView view = null;

            //convertView 가 null 이면

            if (convertView == null) {

                view = new SingerItemView(getApplicationContext());

            } else {
                //이전에 섰던 데이터 singeritemview로 캐스팅해서 재사용
                view = (SingerItemView) convertView;

            }

            //위에서 정의한 arraylist 에서 하나하나의 데이터를 가져와서
            //String item 객체에 담는다.
            SingerItem item = items.get(position);

            // SingerItemView 클래스에 정의한 set 메서드에 데이터를 담아서 리턴한다.
            view.setName(item.getName());
            view.setMobile(item.getMobile());
            view.setImage(item.getResId());

            return view;
        }
    }

}

#SingerItem.java

package me.happygate.mylist0823;

/**
 * Created by kang on 2017-08-23.
 */

public class SingerItem {

    String name;
    String mobile;
    int resId;

    public SingerItem(String name, String mobile, int resId) {
        this.name = name;
        this.mobile = mobile;
        this.resId = resId;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getMobile() {
        return mobile;
    }

    public void setMobile(String mobile) {
        this.mobile = mobile;
    }

    public int getResId() {
        return resId;
    }

    public void setResId(int resId) {
        this.resId = resId;
    }
}

#SingerItemView.java

package me.happygate.mylist0823;

import android.content.Context;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
 * Created by kang on 2017-08-23.
 */

public class SingerItemView extends LinearLayout {

    TextView textView;
    TextView textView2;
    ImageView imageView;

    //viwe를 위한 필수 생성자 2개
    public SingerItemView(Context context) {
        super(context);

        init(context);
    }

    public SingerItemView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }


    private void init(Context context) {
        //단말이 시작될때 기본적으로 뒤에서 실행
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        //단말이 시작될때 리스트 아이템 디자인을 정의한 singer_item.xml 이
        // activity_main.xml에 정의한 리니어 레이아웃에 달라 붙는다.
        inflater.inflate(R.layout.singer_item, this, true);

        //singer_item 에 정의한 것들 선택자 가져오기
        textView = (TextView) findViewById(R.id.text1);
        textView2 = (TextView) findViewById(R.id.text2);
        imageView = (ImageView) findViewById(R.id.imageView);
    }

    //MainActivity getView() 에서 setName 이 호출되면 값을 textView 에 넣어준다.
    public void setName(String name) {

        textView.setText(name);
    }

    public void setMobile(String mobile) {

        textView2.setText(mobile);
    }

    public void setImage(int resId) {

        imageView.setImageResource(resId);
    }
}