4. 기본 컨트롤 – 11. ListView

이번에는 ListView를 사용하는 간단한 실습을 합시다. 실습할 내용은 ListView에 항목을 추가하는 것과 항목을 클릭하였을 때의 처리하는 것입니다.

[그림] ListView 실습 실행화면

먼저 activity_main.xml 에 컨트롤을 배치합시다. 최상위 요소는 LinearLayout을 배치하세요.

그리고 TextView, ListView, EditText, Button 을 자식으로 배치합니다. TextView는 ListView 항목을 클릭하였을 때 항목 정보를 보여주기 위한 목적이며 EditText와 Button은 ListView에 항목을 추가하기 위한 목적입니다. 버튼의 onClick 속성을 설정할 수 있습니다. 이 때 설정한 메서드는 Java 소스에서 작성해 주어야 합니다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.ehclub.ex_listview.MainActivity"
    android:orientation="vertical">
    <TextView
        android:id="@+id/tv"
        android:textColor="#FF0000"
        android:textSize="30sp"
        android:text="[선택]"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <ListView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/lv"
        android:layout_gravity="center_vertical"
        android:layout_weight="1"
        ></ListView>
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:hint="[추가할 과일]"
        android:id="@+id/et"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="addButtonClick"
        android:text="추가"/>

</LinearLayout>

이제 MainActivity.java 파일을 작성합시다.

ListView에 항목을 추가할 때 Adapter를 이용할 수 있습니다. 이번 실습에서는 하나의 항목에 하나의 String만을 갖기 때문에 String값을 보관할 수 있는 아답터를 사용합니다. 이를 MainActivity의 멤버 필드로 선언하세요.

    ArrayAdapter<String> adapter;

onCreate 메서드에서는 먼저 Adapter 개체를 생성한 후에 초기 항목으로 설정할 값을 추가할게요.

        adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1);
        adapter.add("사과");
        adapter.add("배");
        adapter.add("복숭아");

xml파일에서 배치한 ListView를 참조하기 위해 findViewById 메서드를 호출한 후에 setAdapter 메서드로 아답터를 설정합니다.

        ListView lv = (ListView)findViewById(R.id.lv);
        lv.setAdapter(adapter);

ListView의 항목을 클릭했을 때 리스너를 등록합니다. 입력인자로 전달받은 parent는 형변환을 통해 ListView 개체를 참조할 수 있습니다. 그리고 ListView 개체의 getItemAtPosition 메서드를 호출하여 원하는 항목을 참조할 수 있어요. 이렇게 얻은 값을 TextView 개체의 text 속성으로 설정합니다.

        lv.setOnItemClickListener(new AdapterView.OnItemClickListener(){
            @Override
            public void onItemClick(AdapterView<?> parent, View v, int position, long id){
                ListView lv = (ListView)parent;
                String selected = (String)lv.getItemAtPosition(position);
                TextView tv = (TextView)findViewById(R.id.tv);
                tv.setText(selected);
            }
        });

xml 파일에서 Button 요소의 onClick 속성에 설정한 리스너 메서드를 정의합시다. 여기에서는 EditText 개체를 참조한 후에 getText 메서드로 text 속성 값을 얻어온 후에 아답터에 추가합니다.

    public void addButtonClick(View v){
        EditText et = (EditText) findViewById(R.id.et);
        String str = et.getText().toString();
        adapter.add(str);
        et.setText("");

    }

다음은 MainActivity.java 파일의 내용입니다.

package com.example.ehclub.ex_listview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.TextView;

import java.util.List;
import java.util.StringTokenizer;

public class MainActivity extends AppCompatActivity {

    ArrayAdapter<String> adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1);
        adapter.add("사과");
        adapter.add("배");
        adapter.add("복숭아");

        ListView lv = (ListView)findViewById(R.id.lv);
        lv.setAdapter(adapter);

        lv.setOnItemClickListener(new AdapterView.OnItemClickListener(){
            @Override
            public void onItemClick(AdapterView<?> parent, View v, int position, long id){
                ListView lv = (ListView)parent;
                String selected = (String)lv.getItemAtPosition(position);
                TextView tv = (TextView)findViewById(R.id.tv);
                tv.setText(selected);
            }
        });
    }
    public void addButtonClick(View v){
        EditText et = (EditText) findViewById(R.id.et);
        String str = et.getText().toString();
        adapter.add(str);
        et.setText("");
    }
}

Android