안드로이드 데이터바인딩 커스텀 리스트뷰 바인딩 Android DataBinding how to CustomAdapter binding

안녕하세요 알통몬입니다. 공감 및 댓글은 포스팅 하는데 아주아주 큰 힘이 됩니다!! 포스팅 내용이 찾아주신 분들께 도움이 되길 바라며 더 깔끔하고 좋은 포스팅을 만들어 나가겠습니다^^

이번 포스팅에서는 커스텀 리스트뷰의 어댑터 CustomAdapter 에서 데이터 바인딩 DataBinding 하는 방법에

대해서 알아보겠습니다.

이 포스팅에 들어오신 분들은 기본적으로 데이터바인딩에 대해 알고 계시기에 검색하시고 찾아오신 거겠죠?

때문에 기본적인 내용들은 생략합니다.

준비물 :

Gradle.Build(Module:app) 에 DataBinding 세팅

0. ListActivity.java

1. ListItem 클래스 (Class ListItem)

1. 커스텀 어댑터 클래스( Class CustomAdpater) 

2. list_item.xml

3. activity_showlist

위처럼 총 5개가 필요합니다.

저는 학점에 따라 앞에 표시되는 아이콘이 달라지게 만들어봤습니다.

list_item.xml :

<?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android"> <data> <variable name="item" type="example.semiswipe.binding_listview.ListItemAdapter.Items"/> </data> <LinearLayout android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:text="@{item.no}" android:gravity="center" android:layout_width="48dp" android:layout_height="60dp" android:id="@+id/gradeNoTv"/> <ImageView android:src="@{item.icon}" android:id="@+id/gradeIconIv" android:contentDescription="@string/app_name" android:layout_width="60dp" android:layout_height="60dp" android:gravity="center"/> <TextView android:text="@{item.name}" android:paddingStart="12dp" android:paddingEnd="0dp" android:gravity="center|start" android:layout_width="match_parent" android:layout_height="60dp" /> </LinearLayout> </layout>

ListItem.java

package example.semiswipe.binding_listview; public class ListItem { private String no; private int score; private String name; public ListItem(String no, int score, String name) { this.no = no; this.score = score; this.name = name; } public String getNo() { return no; } public int getScore() { return score; } public String getName() { return name; } }

LisItemAdapter ( CustomAdapter)

package example.semiswipe.binding_listview; import android.databinding.DataBindingUtil; import android.graphics.drawable.Drawable; import android.support.v4.content.ContextCompat; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import java.util.ArrayList; import example.semiswipe.R; import example.semiswipe.databinding.ItemListBinding; public class ListItemAdapter extends BaseAdapter { private ArrayList<ListItem> items; private LayoutInflater inflater; public ListItemAdapter(ArrayList<ListItem> items, LayoutInflater inflater) { this.items = items; this.inflater = inflater; } @Override public int getCount() { return items.size(); } @Override public Object getItem(int position) { return items.get(position); } @Override public long getItemId(int position) { return 0; } @Override public View getView(int position, View convertView, ViewGroup parent) { ItemListBinding binding; if (convertView == null) { binding = DataBindingUtil.inflate(inflater, R.layout.item_list, parent, false); convertView = binding.getRoot(); } else { binding = (ItemListBinding) convertView.getTag(); } convertView.setTag(binding); String no = items.get(position).getNo(); int score = items.get(position).getScore(); String name = items.get(position).getName(); int icon = 0; if(score == 100) { icon = R.drawable.ic_sentiment_very_satisfied_black_24dp; }else if(score>=90) { icon = R.drawable.ic_sentiment_satisfied_black_24dp; } else if(score>=80) { icon = R.drawable.ic_sentiment_neutral_black_24dp; } else if(score>=70) { icon = R.drawable.ic_sentiment_dissatisfied_black_24dp; } else if(score>=60) { icon = R.drawable.ic_sentiment_very_dissatisfied_black_24dp; } Items items = new Items(name, icon, no); binding.setItem(items); return convertView; } /* 바인딩을 위한 클래스 */ public class Items { private String name; private int icon; private String no; Items(String name, int icon, String no) { this.name = name; this.icon = icon; this.no = no; } public String getName() { return name; } public Drawable getIcon() { return ContextCompat.getDrawable(inflater.getContext(), icon); } public String getNo() { return no; } } }

ListActivity.java

package example.semiswipe.binding_listview; import android.databinding.DataBindingUtil; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v7.app.AppCompatActivity; import java.util.ArrayList; import example.semiswipe.R; import example.semiswipe.databinding.ActivityListBinding; public class ListActivity extends AppCompatActivity { ActivityListBinding binding; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); binding = DataBindingUtil.setContentView(this, R.layout.activity_list); ArrayList<ListItem> items = new ArrayList<>(); for(int i = 6; i<11; i++) { String no = String.valueOf((i-5)); items.add(new ListItem(no, (i*10), "학생 +["+no+"]")); } ListItemAdapter adapter = new ListItemAdapter(items, getLayoutInflater()); binding.listView.setAdapter(adapter); } }

activity_list.xml

<?xml version="1.0" encoding="utf-8"?> <layout> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="wrap_content"/> </LinearLayout> </layout>

예제가 어렵지 않아서 금방이해하실거라 믿습니다.

그리고 

ListItemAdapter 부분에서

이미지를 넣을 때 Items 클래스 안에 getIcon() 메소드를 이렇게 사용하실 수 있는데요 ㅎㅎ

public int getIcon() { return icon; }

위처럼 이미지를 src에 바인딩하게 되면 아래처럼 이미지가 제대로 들어가지 않습니다.

제가 예제에 넣어논 거 처럼 Drawble 을 리턴하도록 해야 아래처럼 이미지가 제대로 들어가게 됩니다.