Android - ListView 예제

리스트 뷰 사용 예제입니다.

기존 위젯과 다르게 리스트 뷰는 큰 리스뷰라는 틀에 작은 데이터들이 나열되어 있다고 보시면 됩니다.
이 작은 데이터들은 각각 xml로 따로 표현이 되어지는데요.
그렇기 때문에 각각의 데이터와 xml을 묶어주는 것이 필요하게 됩니다.

여기서는 adapter가 그 일을 하게 되는데요
그렇기 때문에 크게는 adapter코드와 각각의 데이터를 표현해줄 xml파일이 추가로 필요합니다.

저는 데이터를 변경해서 사용하기 쉽게 아래와 같이 코드를 클레스로 나누어 작성하였습니다.

1.MainActivity.class
2.Human.class(데이터 노드)
3.HumanAdpter
4.ImageActivity(노드 클릭예제)

     
리스트뷰 화면과 데이터를 눌렀을 때 화면입니다.

1.activity_main.xml
메인화면의 xml코드입니다.
<SPAN style="FONT-SIZE: 12pt"> <?xml version="1.0" encoding="utf-8"?> <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="jsy.myapplication.MainActivity"> <ListView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/listView" android:layout_alignParentTop="true" android:layout_alignParentStart="true" /> </RelativeLayout> </SPAN>

2.human_info.xml
ListView 안의 데이터의 xml파일입니다.
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff"> <LinearLayout android:layout_width="match_parent" android:layout_height="100dp" android:orientation="horizontal"> <ImageView android:id="@+id/Human_image" android:layout_width="95dp" android:layout_height="match_parent" android:layout_margin="5dp" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:src="#b91c1c" /> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginLeft="10dp"> <TextView android:textColor="#111111" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:textAppearance="?android:attr/textAppearanceLarge" android:text="Large Text" android:id="@+id/Human_name" /> <TextView android:textColor="#111111" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium" android:text="Medium Text" android:id="@+id/Human_gender" /> <TextView android:textColor="#111111" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium" android:text="Medium Text" android:id="@+id/Human_age" /> </LinearLayout> </LinearLayout> </RelativeLayout>

3.Human.class(데이터 노드)
데이터 노드 클레스입니다.
import android.graphics.Bitmap; public class Human { public String name; public String gender; public String age; public Bitmap image; Human(String name, String gender, String age, Bitmap image){ this.image = image; this.name =name; this.gender = gender; this.age = age; } }

4.HumanAdpter.class
어뎁터 클레스입니다.
public View getView(final int position, View convertView, ViewGroup parent)
위 함수의 파라메터 중 앞에서 2개는 순서대로 노드 즉 데이터의 순서와 그 노드를 표현해줄 xml 파일입니다.
이 함수에서 위젯를 초기화 해주고 글자를 넣든 리스너를 넣든 합니다.
package jsy.example_listview; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.TextView; import java.util.ArrayList; public class HumanAdpter extends BaseAdapter { private Context mContext = null; private int layout = 0; private ArrayList<Human> data = null; private LayoutInflater inflater = null; public HumanAdpter(Context c, int l, ArrayList<Human> d) { this.mContext = c; this.layout = l; this.data = d; this.inflater = (LayoutInflater) c.getSystemService(Context.LAYOUT_INFLATER_SERVICE); } @Override public int getCount() { // TODO Auto-generated method stub return data.size(); } @Override public Object getItem(int position) { // TODO Auto-generated method stub return data; } @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } @Override public View getView(final int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub if(convertView == null) { convertView = inflater.inflate(this.layout, parent, false); } ImageView Hu_image = (ImageView) convertView.findViewById(R.id.Human_image); TextView Hu_name = (TextView) convertView.findViewById(R.id.Human_name); TextView Hu_gender = (TextView) convertView.findViewById(R.id.Human_gender); TextView Hu_age = (TextView) convertView.findViewById(R.id.Human_age); Hu_image.setImageBitmap(data.get(position).image); Hu_name.setText(data.get(position).name); Hu_gender.setText(data.get(position).gender); Hu_age.setText(data.get(position).age); return convertView; } }

5.MainActivity.class
package jsy.example_listview; import android.content.Intent; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.ListView; import java.io.ByteArrayOutputStream; import java.util.ArrayList; public class MainActivity extends AppCompatActivity { private ListView listView; ArrayList<Human> h_info_list; HumanAdpter myadapter; Human myHuman1,myHuman2,myHuman3; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = (ListView)findViewById(R.id.listView); myHuman1 = new Human("송지은", "여", "26", BitmapFactory.decodeResource(getResources(), R.drawable.song)); myHuman2 = new Human("박보람", "여", "22", BitmapFactory.decodeResource(getResources(), R.drawable.park)); myHuman3 = new Human("설현", "여", "21", BitmapFactory.decodeResource(getResources(), R.drawable.god)); h_info_list = new ArrayList<Human>(); h_info_list.add(myHuman1); h_info_list.add(myHuman2); h_info_list.add(myHuman3); h_info_list.add(myHuman1); h_info_list.add(myHuman2); h_info_list.add(myHuman3); h_info_list.add(myHuman1); h_info_list.add(myHuman2); h_info_list.add(myHuman3); myadapter = new HumanAdpter(getApplicationContext(),R.layout.human_info, h_info_list); listView.setAdapter(myadapter); listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view,int position, long id) { Intent intent = new Intent(getApplicationContext(), ImageActivity.class); // 다음넘어갈 화면 Bitmap sendBitmap = h_info_list.get(position).image; ByteArrayOutputStream stream = new ByteArrayOutputStream(); sendBitmap.compress(Bitmap.CompressFormat.JPEG, 100, stream); byte[] byteArray = stream.toByteArray(); intent.putExtra("image",byteArray); startActivity(intent); } }); } }

6.ImageActivity.class + xml(노드 클릭예제)
노드 즉 리스트뷰의 데이터를 눌렀 시 이동하는 데이터 입니다.
여기서 비트맵 데이터인 사진 데이터를 Byte데이터로 변경하여 옮깁니다.
추가로 intent로 옮길수 있는 최대 데이터 크기는 100kb입니다.
package jsy.example_listview; import android.content.Intent; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.ImageView; public class ImageActivity extends AppCompatActivity { Bitmap image; ImageView BigImage; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_image); BigImage = (ImageView)findViewById(R.id.BigImage); Intent intent = getIntent(); byte[] arr = getIntent().getByteArrayExtra("image"); image = BitmapFactory.decodeByteArray(arr, 0, arr.length); BigImage.setImageBitmap(image); } }
<?xml version="1.0" encoding="utf-8"?> <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="jsy.example_listview.ImageActivity"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/BigImage" android:layout_alignParentBottom="true" android:layout_alignParentEnd="true" /> </RelativeLayout>