android java

리사이클러뷰 및 리사이클러뷰 아답터, 뷰홀더 정리

안드로이드 샘플

 /**
 * 리스트뷰 생성을 위한 아답터 생성. 리사이클러뷰 아답터 상속 및 뷰홀더 지정.
 */
public class CustomAdapter extends RecyclerView.Adapter {

    /**로그캣 태그*/
    private static final String TAG = "CustomAdapter";
    /**데이터셋 정리*/
    private String[] mDataSet;

    // BEGIN_INCLUDE(recyclerViewSampleViewHolder)
    /**
     * 리사이클러뷰 사용할 뷰홀더 생성 및 상속
     */
    public static class ViewHolder extends RecyclerView.ViewHolder {
    /**텍스트뷰 선언*/
        private final TextView textView;
/**홀더 생성자.*/
        public ViewHolder(View v) {
            super(v);
            /**홀더 클릭리스터 등록.(리스트뷰 클릭)*/
            v.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Log.d(TAG, "Element " + getAdapterPosition() + " clicked.");
                }
            });
            textView = (TextView) v.findViewById(R.id.textView);
        }

        public TextView getTextView() {
            return textView;
        }
    }
    // END_INCLUDE(recyclerViewSampleViewHolder)


    /**
     * Initialize the dataset of the Adapter.
     *
     * @param dataSet String[] containing the data to populate views to be used by RecyclerView.
     * 아답터에 데이터 등록
     */
    public CustomAdapter(String[] dataSet) {
        mDataSet = dataSet;
    }

    // BEGIN_INCLUDE(recyclerViewOnCreateViewHolder)
    // Create new views (invoked by the layout manager)
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
        // Create a new view.
/** 리스트뷰 생성을 위한 뷰 등록 */
        View v = LayoutInflater.from(viewGroup.getContext())
                .inflate(R.layout.text_row_item, viewGroup, false);

        return new ViewHolder(v);
    }
    // END_INCLUDE(recyclerViewOnCreateViewHolder)

    // BEGIN_INCLUDE(recyclerViewOnBindViewHolder)
    // Replace the contents of a view (invoked by the layout manager)
    @Override
    public void onBindViewHolder(ViewHolder viewHolder, final int position) {
        Log.d(TAG, "Element " + position + " set.");

        // Get element from your dataset at this position and replace the contents of the view
        // with that element
/**홀더로 생성된 뷰의 데이터 삽입*/
        viewHolder.getTextView().setText(mDataSet[position]);
    }
    // END_INCLUDE(recyclerViewOnBindViewHolder)

    // Return the size of your dataset (invoked by the layout manager)
    /**데이터의 크기 가져오기.*/
    @Override
    public int getItemCount() {
        return mDataSet.length;
    }
}


Activity 또는 Fragment 에서 


레이아웃 속성 정의.
정의한 데이터를 아답터 생성할때 데이터 삽입.
리사이클러뷰에 아답터 등록.





코틀린 리사이클러뷰 예제



매인액티비티 생성.

MainActivity.kt

//////////////////////////////////////////////////////////////////////////////////////////


class MainActivity : AppCompatActivity() {


    override fun onCreate(savedInstanceState: Bundle?) {

        super.onCreate(savedInstanceState)

        setContentView(R.layout.activity_main)


    }

}

//////////////////////////////////////////////////////////////////////////////////////////



Build.gradle(Module:app)에 com.android.support:recyclerview-v7 모듈 추가

//////////////////////////////////////////////////////////////////////////////////////////

dependencies {

    implementation fileTree(include: ['*.jar'], dir: 'libs')

    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"

    implementation 'com.android.support:appcompat-v7:28.0.0'

    implementation 'com.android.support.constraint:constraint-layout:1.1.3'

    testImplementation 'junit:junit:4.12'

    androidTestImplementation 'com.android.support.test:runner:1.0.2'

    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'

//리사이클러뷰 모듈 추가.

    implementation 'com.android.support:recyclerview-v7:28.0.0'

}

//////////////////////////////////////////////////////////////////////////////////////////


리사이클러뷰에 사용할 데이터 생성.


간단한 데이터 출력 하기위한 클래스 생성.

People.Kt

//////////////////////////////////////////////////////////////////////////////////////////

/**

 * 데이터 클래스 생성 및 초기화

 * 바로 생성자를 넣어서 만들어지게 구현.

 * 코틀린에서는 data class 를 지원 하며

 * java에서 처럼 toString 처리 하지 않아도 됨.

 */

data class People(val name: String, val age: String, val address: String)

//////////////////////////////////////////////////////////////////////////////////////////





리사이클러뷰에 보여줄 row layout 생성.


간단히 name, age, address 보여줌.


listview_row.xml

//////////////////////////////////////////////////////////////////////////////////////////

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="wrap_content">



    <android.support.constraint.ConstraintLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginLeft="10dp"

        android:layout_marginTop="10dp"

        android:layout_marginRight="10dp"

        app:layout_constraintTop_toTopOf="parent">



        <TextView

            android:id="@+id/name"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="name"

            app:layout_constraintTop_toTopOf="parent" />


        <TextView

            android:id="@+id/age"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="age"

            app:layout_constraintTop_toBottomOf="@+id/name" />


        <TextView

            android:id="@+id/address"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="address"

            app:layout_constraintTop_toBottomOf="@+id/age" />



    </android.support.constraint.ConstraintLayout>

</android.support.constraint.ConstraintLayout>

//////////////////////////////////////////////////////////////////////////////////////////



뷰홀더 클래스 생성. RecyclerView.ViewHolder 상속

TestHolder_01.kt

//////////////////////////////////////////////////////////////////////////////////////////

/**생성자 지정 , 상위클래스 view 넘겨줌.  super(itemView);*/

class TestHolder_01(itemView: View) : RecyclerView.ViewHolder(itemView) {

    // 뷰 홀더를 상속 받고나면 생성자에서 상위 홀더에 view 를 전달.

    

    

    val name: TextView

    val age: TextView

    val address: TextView

    

    

    /**

     * 코틀린사용한 초기화

     * 초기화 블럭.

     */

    init {

        this.name = itemView.findViewById(R.id.name)

        this.age = itemView.findViewById(R.id.age)

        this.address = itemView.findViewById(R.id.address)

    }


    

    /**팩토리 함수 */

    companion object {

        fun newInstance(viewGroup: ViewGroup): TestHolder_01 {

            val view = LayoutInflater.from(viewGroup.context).inflate(R.layout.listview_row, viewGroup, false)

            return TestHolder_01(view)

        }

    }


    fun onBindView(position: Int, list: ArrayList<People>) {

        // 데이터를 화면에 그리기.

        name.text = list[position].name

        age.text = list[position].age

        address.text = list[position].address

    }

}

//////////////////////////////////////////////////////////////////////////////////////////





리사이클러뷰 아답터 생성.

TestAdapter_01.kt

//////////////////////////////////////////////////////////////////////////////////////////

/**생성자에서 리스트를 받아옴.*/

class TestAdapter_01(val list: ArrayList<People>) : RecyclerView.Adapter<TestHolder_01>() {



    override fun onCreateViewHolder(p0: ViewGroup, p1: Int): TestHolder_01 {

        //팩토리함수를 이용한 뷰홀더 생성.

        return TestHolder_01.newInstance(p0)

    }


    override fun getItemCount(): Int {

        return list.size

    }


    override fun onBindViewHolder(p0: TestHolder_01, p1: Int) {

        // 홀더에 정의된 함수로 뷰 그리기

        p0.onBindView(p1, list)

    }

}

//////////////////////////////////////////////////////////////////////////////////////////


activity_main.xml

//////////////////////////////////////////////////////////////////////////////////////////

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout 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=".MainActivity">


    <android.support.v7.widget.RecyclerView

        android:id="@+id/recyclerView"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical"

        app:layoutManager="android.support.v7.widget.LinearLayoutManager">


    </android.support.v7.widget.RecyclerView>


</android.support.constraint.ConstraintLayout>

//////////////////////////////////////////////////////////////////////////////////////////



MainActivity.kt

//////////////////////////////////////////////////////////////////////////////////////////

class MainActivity : AppCompatActivity() {


    override fun onCreate(savedInstanceState: Bundle?) {

        super.onCreate(savedInstanceState)

        setContentView(R.layout.activity_main)

//UI그리기

        setupUI()

    }


//data 생성

    fun setData(): ArrayList<People> {


        val list = arrayListOf<People>()

        for (i in 0 until 30) {

            list.add(People("$i name", "$i age", "$i address"))

        }

        list.forEach {

            Log.e("log", "$it")

        }

        return list

    }


    fun setupUI() {

    //아답터 등록 후 끝.

        recyclerView.adapter = TestAdapter_01(setData())

        

    }

}


//////////////////////////////////////////////////////////////////////////////////////////

리사이클러뷰 프로젝트.


매인 액티비티(Empty Activity) 생성.

/////////////////////////////////////////////////////////////////////////////////////////

public class MainActivity extends AppCompatActivity {


    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);


    }

}

/////////////////////////////////////////////////////////////////////////////////////////


Build.gradle(Module:app)에 com.android.support:recyclerview-v7 모듈 추가

/////////////////////////////////////////////////////////////////////////////////////////

dependencies {

    implementation fileTree(include: ['*.jar'], dir: 'libs')

    implementation 'com.android.support:appcompat-v7:28.0.0'

    implementation 'com.android.support.constraint:constraint-layout:1.1.3'

    testImplementation 'junit:junit:4.12'

    androidTestImplementation 'com.android.support.test:runner:1.0.2'

    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'

    implementation 'com.github.bearkinf:AndroidLogPrintUtil_Java:1.1.1'

    //리사이클러뷰 모듈 추가.

    implementation 'com.android.support:recyclerview-v7:28.0.0'

}

/////////////////////////////////////////////////////////////////////////////////////////


리사이클러뷰에 사용할 데이터 생성.

간단한 데이터 출력 하기위한 클래스 생성.

/////////////////////////////////////////////////////////////////////////////////////////

public class People {

    private String name;

    private String age;

    private String address;

    /**

     * 기본 생성자.

     */

    public People() {

    }


    public People(String name) {

        this.name = name;

    }


    public People(String name, String age) {

        this.name = name;

        this.age = age;

    }


    public People(String name, String age, String address) {

        this.name = name;

        this.age = age;

        this.address = address;

    }


    public String getName() {

        return name;

    }


    public void setName(String name) {

        this.name = name;

    }


    public String getAge() {

        return age;

    }


    public void setAge(String age) {

        this.age = age;

    }


    public String getAddress() {

        return address;

    }


    public void setAddress(String address) {

        this.address = address;

    }



    @Override

    public String toString() {

        return "name : " + getName() + " , age : " + getAge() + " , address : " + getAddress();

    }

}

/////////////////////////////////////////////////////////////////////////////////////////



리사이클러뷰에 보여줄 row layout 생성.

간단히 name, age, address 보여줌.

test_list_row.xml

/////////////////////////////////////////////////////////////////////////////////////////

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="wrap_content">


    <android.support.constraint.ConstraintLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginLeft="10dp"

        android:layout_marginTop="10dp"

        android:layout_marginRight="10dp"

        app:layout_constraintTop_toTopOf="parent">


        <TextView

            android:id="@+id/name"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="name"

            app:layout_constraintTop_toTopOf="parent" />


        <TextView

            android:id="@+id/age"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="age"

            app:layout_constraintTop_toBottomOf="@+id/name" />


        <TextView

            android:id="@+id/address"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="address"

            app:layout_constraintTop_toBottomOf="@+id/age" />

    </android.support.constraint.ConstraintLayout>

</android.support.constraint.ConstraintLayout>

/////////////////////////////////////////////////////////////////////////////////////////


뷰홀더 클래스 생성. RecyclerView.ViewHolder 상속

/////////////////////////////////////////////////////////////////////////////////////////

public class TestHolder_1 extends RecyclerView.ViewHolder {


    private TextView name;

    private TextView age;

    private TextView address;

    /**

     * 팩토리 함수 생성.

     * new 하는 것을 줄여준다.

     */

    public static TestHolder_1 newInstance(ViewGroup viewGroup) {

    // 뷰 생성 후 홀더에 등록 하여 객채 생성.

        View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.test_list_row, viewGroup, false);

        return new TestHolder_1(view);

    }


    /**

     * 생성자 초기화

     */

    public TestHolder_1(View itemView) {

        super(itemView);


        name = itemView.findViewById(R.id.name);

        age = itemView.findViewById(R.id.age);

        address = itemView.findViewById(R.id.address);

    }


    public void onBindView(int position, ArrayList<People> list) {

        //화면을 그려주는 곳.

        name.setText(list.get(position).getName());

        age.setText(list.get(position).getAge());

        address.setText(list.get(position).getAddress());


    }

}

/////////////////////////////////////////////////////////////////////////////////////////


리사이클러뷰 아답터 생성.

/////////////////////////////////////////////////////////////////////////////////////////


public class TestAdapter_1 extends RecyclerView.Adapter<TestHolder_1> {

    

    private ArrayList<People> list;

    

    /**생성자 (어레이리스트를 인자로 받음.(초기화됨))*/

    public TestAdapter_1(ArrayList<People> list) {

        this.list = list;

    }


    @NonNull

    @Override

    public TestHolder_1 onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {

        //팩토리 함수를 이용한 홀더 객체 생성.

        return TestHolder_1.newInstance(viewGroup);

    }


    @Override

    public void onBindViewHolder(@NonNull TestHolder_1 testHolder_1, int i) {

        // 홀더에 정의된 함수로 뷰 그리기

        testHolder_1.onBindView(i, list);

    }


    @Override

    public int getItemCount() {

        //리스트 갯수 반환.

        return list.size();

    }

}

/////////////////////////////////////////////////////////////////////////////////////////



리사이클러뷰 레이아웃 등록.

activity_main.xml

/////////////////////////////////////////////////////////////////////////////////////////

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout 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=".MainActivity">


<!-- 레이아웃 매니저 등록, 수직으로 정렬지정-->

    <android.support.v7.widget.RecyclerView

        android:id="@+id/recyclereView"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical"

        app:layoutManager="android.support.v7.widget.LinearLayoutManager">


    </android.support.v7.widget.RecyclerView>


</android.support.constraint.ConstraintLayout>

/////////////////////////////////////////////////////////////////////////////////////////



매인 액티비티 소스 완성 

/////////////////////////////////////////////////////////////////////////////////////////

public class MainActivity extends AppCompatActivity {


//리사이클러뷰 등록.

    private RecyclerView recyclerView;

// 아답터 등록.

    private TestAdapter_1 adapter_1;


    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);


        LogPrintUtil.setDebug(BuildConfig.DEBUG ? LogPrintUtil.All : LogPrintUtil.None);

        LogPrintUtil.setTag("bear");

        LogPrintUtil.w("start");


//레이아웃 설정.

        setupUI();


    }



    /**

     * UI 생성

     */

    private void setupUI() {

    

        recyclerView = findViewById(R.id.recyclereView);

        adapter_1 = new TestAdapter_1(makeData());

        recyclerView.setAdapter(adapter_1);

    }


    /**

     * 보여줄 데이터 생성.

     */

    private ArrayList<People> makeData() {


        ArrayList<People> list = new ArrayList<>();

        for (int i = 0; i < 40; i++) {

            People p = new People(i + "a", i + "age", i + "address");

            list.add(p);

        }

        return list;

    }

}


/////////////////////////////////////////////////////////////////////////////////////////





리사이클러뷰 기본 예제 끝.

 

+ Recent posts