행에 사용자 정의 레이아웃이 있는 목록이 포함된 '활동'을 만들고 싶습니다.
그래서 목록의 각 행이 가져야 하는 레이아웃을 정의하는 list_entry_layout.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="match_parent"
android:orientation="vertical" >
<TextView
android:id="@+id/list_entry_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20dp" >
</TextView>
<TextView
android:id="@+id/list_entry_summary"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp" >
</TextView>
</LinearLayout>
내 문제는 ListActivity
클래스의 각 행에 데이터를 추가하는 방법을 모른다는 것입니다.
다음 코드 조각을 사용하면 각 행의 제목을 추가할 수 있습니다:
public class MyActivity extends ListActivity
{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.list_activity);
ListView listView = (ListView) findViewById(android.R.id.list);
String[] values = new String[] { "Android", "iPhone", "WindowsMobile",
"Blackberry", "WebOS", "Ubuntu", "Windows7", "Max OS X",
"Linux", "OS/2" };
ArrayAdapter<String> titleAdapter = new ArrayAdapter<String>(this, R.layout.list_entry_layout, R.id.list_entry_title, values);
// Assign adapter to ListView
listView.setAdapter(titleAdapter);
}
}
요약도 추가하려면 어떻게 해야 하나요?
이 코드를 추가하면 제목이 아닌 요약만 시각화됩니다:
String[] values = new String[] { "Android_summary", "iPhone_summary", "WindowsMobile_summary", "Blackberry_summary", "WebOS_summary", "Ubuntu_summary", "Windows7_summary", "Max OS X_summary", "Linux_summary", "OS/2_summary" };
ArrayAdapter<String> summaryAdapter = new ArrayAdapter<String>(this, R.layout.list_entry_layout, R.id.list_entry_summary, values);
// Assign adapter to ListView
listView.setAdapter(summaryAdapter);
다음은 제가 얻고자 하는 결과입니다:
자신만의 ArrayAdapter를 생성해야 합니다:
private class YourAdapter extends ArrayAdapter<String> {
// do some work
}
그런 다음 XML로 행을 어떻게 표시할지 정확히 지정해야 하며, RelativeLayout을 사용하는 것이 좋으며 다음과 같이 보일 수 있습니다:
row.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
/>
<TextView
android:id="@+id/email"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@id/name"
/>
</RelativeLayout>
그런 다음 YourAdapter에서 슈퍼 생성자를 설정해야 합니다:
public YourAdapter() {
super(YourActivity.this, R.layout.row, data);
}
그런 다음 ListView
에서 데이터를 사용자 정의하고 더 효과적인 구현을 위해 getView()
메서드를 재정의하고 Holder 디자인 패턴
을 사용하는 것이 좋습니다.
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
LayoutInflater inflater = getLayoutInflater();
if (convertView == null) {
convertView = inflater.inflate(R.layout.row, null, false);
holder = new ViewHolder(convertView);
convertView.setTag(holder);
}
else {
holder = (ViewHolder) convertView.getTag();
}
holder.getUpperText().setText(dataSource[position]);
holder.getLowerText().setText(dataSource[position]);
return convertView;
}
마지막으로 ListView
를 초기화하고 Adapter
를 설정합니다:
ListView list = (ListView) findViewById(R.id.list);
list.setAdapter(new YourAdapter());
참고:** 디자인 패턴 홀더
는 각 행의 자식 위젯을 보관하는 임의의 객체를 나타내므로 한 번만 찾으면 Holder
객체를 사용하여 항상 액세스할 수 있습니다.
홀더`의 구현은 다음과 같습니다:
public class ViewHolder {
private View row;
private TextView upperText = null, lowerText = null;
public ViewHolder(View row) {
this.row = row;
}
public TextView getUpperText() {
if (this.upperText == null) {
this.upperText = (TextView) inView.findViewById(R.id.someId);
}
return this.upperText;
}
public TextView getLowerText() {
if (this.lowerText == null) {
this.lowerText = (TextView) inView.findViewById(R.id.someId);
}
return this.lowerText;
}
}
도움이 되길 바랍니다.
이 레이아웃은 사용자 지정 행 레이아웃을 만드는 대신 android.R.layout.simple_list_item_2
를 사용하여 얻을 수 있습니다.
어쨌든 사용자 정의 행 레이아웃 접근 방식을 사용하고 싶다면 스 니펫이 준비되어 있습니다.
여기 있습니다.
SampleActivity.java
package org.sample;
import java.util.ArrayList;
import android.app.ListActivity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import android.widget.TwoLineListItem;
public class SampleActivity extends ListActivity {
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
Mobile mobile;
ArrayList<Mobile> mobiles new ArrayList<Mobile>();
mobile = new Mobile();
mobile.setName("Android");
mobile.setSummary("summary goes here");
mobiles.add(mobile);
mobile = new Mobile();
mobile.setName("Blackberry");
mobile.setSummary("summary goes here");
mobiles.add(mobile);
setListAdapter(new MyAdapter(this, mobiles));
}
}
Mobile.java
class Mobile {
String name;
String summary;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getSummary() {
return summary;
}
public void setSummary(String summary) {
this.summary = summary;
}
}
MyAdapter.java
class MyAdapter extends BaseAdapter {
private Context context;
private ArrayList<Mobile> mobiles;
public MyAdapter(Context context, ArrayList<Mobile> mobiles) {
this.context = context;
this.mobiles = mobiles;
}
@Override
public int getCount() {
return mobiles.size();
}
@Override
public Object getItem(int position) {
return mobiles.get(position);
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
LayoutInflater inflater = (LayoutInflater) context
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
convertView = (View) inflater.inflate(
R.layout.list_entry_layout, null);
}
TextView name = (TextView)convertView.findViewById(R.id.list_entry_title);
TextView summary=(TextView)convertView.findViewById(R.id.list_entry_summary);
name.setText(mobiles.get(position).getName());
summary.setText(mobiles.get(position).getSummary());
return convertView;
}
}