이번에는 ListView를 사용하는 간단한 실습을 합시다. 실습할 내용은 ListView에 항목을 추가하는 것과 항목을 클릭하였을 때의 처리하는 것입니다.
![](https://ehpub.co.kr/wp-content/uploads/2022/05/그림-ListView-실습-실행화면.png)
먼저 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(""); } }