Custom ListView

Custum ListView를 구현하기 위해서는 Adaptor의 구현이 필요하다.

listview_item.xml이라는 레이아웃을 만들어서 원하는 모양으로 보이게 만든다.

Colored By Color Scripter™

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<LinearLayout ...     <ImageView     ...     />       <LinearLayout     ...         <TextView         .../>           <TextView         .../>     </LinearLayout> </LinearLayout>

이런식으로 xml을 만든다음 MainActivity클래스 안에 이너 클래스로 어뎁터와 그외 필요한 클래스를 생성한다.

Colored By Color Scripter™

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95

// 아이템 정보를 담고 있을 데이터셋     public class ListData {         public String name;         public String phone;         public String imagePath;              public ListData(String imagePath, String text1, String text2) {             this.name = text1;             this.phone = text2;             this.imagePath = imagePath;         }     }       // 위젯정보를 담고 있을 홀더         private class ViewHolder {         public ImageView itemImage;         public TextView name;         public TextView phone;     }         private class Adapter extends BaseAdapter {         // 리스트뷰에 들어갈 데이터를 담기 위한 어레이 리스트         ArrayList<ListData> dataList = new ArrayList<ListData>();         Context context;           public Adapter(Context context) { this.context = context; }           @Override         public int getCount() { return dataList.size(); }           @Override         public Object getItem(int position) { return dataList.get(position); }           @Override         public long getItemId(int position) { return position; }           // 리스트뷰에 데이터를 추가해주는 메서드         public void addItem(String imagePath, String text1, String text2) {             ListData listData= new ListData(imagePath, text1, text2);             dataList.add(listData);         }           // 리스트뷰에서 데이터를 삭제해주는 메서드         public void remove(int position) {             dataList.remove(position);             notifyDataSetChanged         }           // 이 메서드에서 리스트뷰에 listview_item.xml의 레이아웃을 붙여주는 작업을 한다.         @Override         public View getView(int position, View convertView, ViewGroup parent) {             final ViewHolder viewHolder;             // view의 재사용을 위한 작업             if ( convertView == null ) {                 viewHolder = new ViewHolder();                                  // 레이아웃을 가져오기 위한 도구(?)                 LayoutInflater layoutInflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);                 // 레이아웃을 가져옴                 convertView = layoutInflater.inflate(R.layout.listview_item, null);                 // 가져온 레이아웃에 위젯을 붙임                 viewHolder.itemImage = (ImageView)convertView.findViewById(R.id.itemImage);                 viewHolder.name = (TextView)convertView.findViewById(R.id.name);                 viewHolder.phone = (TextView)convertView.findViewById(R.id.phone);                   convertView.setTag(viewHolder);             }             else {                 viewHolder = (ViewHolder)convertView.getTag();             }             // 작업해줄 위치에 있는 데이터를 가져옴             ListData listData = dataList.get(position);               // 이미지 뷰에 붙여줄 이미지를 내부 저장소에서 가져와서 비트맵 객체로 만들어줌             Bitmap bitmap = BitmapFactory.decodeFile(listData.imagePath);               // 비트맵 생성에 성공하면 이미지뷰에 붙여줌             if ( bitmap != null ) {                 viewHolder.itemImage.setVisibility(View.VISIBLE);                 viewHolder.itemImage.setImageBitmap(bitmap);             }             // 해당 경로에 이미지가 없어 비트맵 생성에 실패하면 기본이미지를 붙여줌             else {                 Bitmap nullBit = BitmapFactory.decodeResource(getResources(), R.drawable.null_image);                 viewHolder.itemImage.setVisibility(View.VISIBLE);                 viewHolder.itemImage.setImageBitmap(nullBit);             }             // 데이터에 있는 텍스트들을 위젯에 붙여줌             viewHolder.name.setText(listData.name);             viewHolder.phone.setText(listData.phone);                          return convertView;         }     }

다음 onCreate에서 리스트뷰를 불러와 위에서 만든 어뎁터를 붙여주면 된다.

Colored By Color Scripter™

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

public class MainActivity extends Activity {     private ListView listView;     private Adapter adapter;          public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);                  listView = (ListView)findViewById(R.id.listView);         // 어뎁터를 생성한다.         adapter = new Adapter(this);         // 생성한 어뎁터를 리스트뷰에 달아준다.         listView.setAdapter(adapter);                  // 리스트뷰에 데이터 추가         adapter.add("null","AAA","AAAAAA");         adapter.add("null","BBB","BBBBBB");         adapter.add("null","CCC","CCCCCC");     }      }