반응형

 

RecyclerView #1- 구조및 기본 사용법

 

RecyclerView #1- 구조 및 기본 사용법

RecyclerView #2 - 구분선 추가, 아이템간 간격 조절

RecyclerView #3 - 컨텍스트 메뉴 처리

RecyclerView #4 - 아이템 클릭 처리

RecyclerView #5 - 아이템 선택 처리하기

RecyclerView #6 - ItemView를 클래스화 하기

RecyclerView #7 - ViewType 동적변경

 

RecyclerView는 ListView 의 향상되고 유연한 버전이라고 설명되어 있습니다.

실제로 안드로이드 디벨로퍼 사이트의 ListView에 대한 설명 초기에 

목록을 표시하는보다 현대적이고 유연하며 효율적인 방법을 사용하려면 android.support.v7.widget.RecyclerView를 사용하라고. 언급되어 있습니다.

'ListView 호환 상위 위젯으로 받아들여도 무방할 것 같습니다.

 

RecyclerView는 ListView와 달리 "Item을 표시하는 각각의 View를 효율적으로 재사용할 수 있도록 구성되어" 있습니다.

다만 RecyclerView는 표시되는 각 Item의 selection을 기본 지원하지 않기 때문에 귀찮은 처리가 일부 동반됩니다.

 

#1

 

RecyclerView 구성요소 및 동작개념

 

ViewHolder

RecyclerView는 ViewHolder를 통해 각 항목(Item)을 표시할 View를 관리하도록 하는 구조로 설계되어 있습니다. 

ViewHolder는 RecyclerView.ViewHolder 를 상속받아 구현하게 되며, ViewHolder를 통해 item을 표시할 View를 보관하고 필요에 따라 재사용 할수 있게 됩니다. 

 RecyclerView 는 화면에 표시되는 개수만큼의 ViewHolder와 여분의 ViewHolder를 기본으로 생성하여 스크롤에 대비하며, 

스크롤등의 동작으로 인해 "사라지는 아이템"을 표시하고 있는 ViewHolder를 "새로 표시되는 아이템"을 그리는데 재사용함으로써,

대용량의 데이터라도 소수의 View를 이용하여 표현할 수 있습니다.

 

아래의 이미지는 총 50개의 데이터를 RecyclerView에 삽입하고, 특정 아이템을 클릭할시 배경색을 파란색으로 변경하도록 작성한

샘플 프로그램입니다.( 아이템을 선택할 때를 제외하고는 배경색을 변경하는 코드는 없습니다.)

클릭한 첫번째 아이템뷰는 화면 스크롤에 따라 13번째 아이템을 표시하기위해 재사용되었고, 

스크롤을 계속하게되면 12번 간격으로 파란색으로 선택된 View가 재 사용됨을 볼수 있습니다.

 

 

 

 

 

아래의 이미지를 통해 좀더 확실히 살펴보면,

이 예제 프로그램에서는 한 화면에 표시되는 ViewHoler 8개 + 여분의 ViewHoler 4개가 생성되어 재활용 되고 있음을 알 수 있습니다.

 

 

 

 

Adapter

 위에서 설명한 ViewHolder 객체는  RecyclerView Adapter에 의해 생성 및 관리 되며,

Adapter는 RecyclerView.Adapter 를 상속받아 작성하게 됩니다.

Adapter는 ViewHolder를 position(위치) 기반으로 할당하고, 

Data를 ViewHoler에 반영할 수 있도록  onBindViewHolder() 콜백을 호출하게 됩니다.

다시말해 onBindViewHolder 콜백 호출을 받았을때, 위치(position) 기반의 데이터를 할당된 ViewHolder에 표시할 수 있습니다.

 

 

RecyclerView 사용 예제 구현

 

dependecy

RecyclerView를 사용하기 위해서는 build.gradle(app)에 다음과 같은 dependency 추가가 필요합니다만.

dependencies {
    ...
    implementation 'com.android.support:recyclerview-v7:28.0.0'
}

Layout 편집기 상에 RecyclerView를 Drag&Drop하면 다음과 같은 메시지 박스가 팝업되며 [OK]를 누르면 자동 추가 됩니다.

 

MainActivity Layout

가장 단순한 형태를 사용합니다.

LinearLayout 안에 RecyclerView만 포함된 형태입니다.



<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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.support.v7.widget.RecyclerView> </LinearLayout>

 

 

Adapter & ViewHolder구현

RecyclerView.Adapter

 

위의 개념 설명에서 Adapter는 

RecyclerView.Adapter 를 상속하여 작성하며, 

필요에 따라 ViewHolder를 생성하고 

관리한다고 설명했습니다.

 

public abstract static class Adapter<VH extends RecyclerView.ViewHolder>

 

다음과 같이 3개의 메소드는 필수로 구현하여야 합니다. ( Ctrl + I )

 

메소드 이름을 통해

ViewHolder를 생성하고, 바인드하고, 아이템의 전체 개수를 알려주는 메소드가 필수 구현되어야 함을 유추해 볼수 있습니다.

 

 

RecyclerView.ViewHolder

 

RecyclerView.ViewHolder class의 경우 abstract class일 뿐만 아니라, 

대부분의 경우 원하는 레이아웃을 적용해야 하므로,

RecyclerView.ViewHolder를 상속하는 별도의 Class를 작성해야 합니다. 

 



public class StdRecyclerAdapter extends RecyclerView.Adapter<StdRecyclerAdapter.StdViewHolder> {

@NonNull
@Override
public StdViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
return null;
}

@Override
public void onBindViewHolder(@NonNull StdViewHolder holder, int position) {
}

@Override
public int getItemCount() {
}


public static class StdViewHolder extends RecyclerView.ViewHolder{
public StdViewHolder(@NonNull View itemView) {
super(itemView);
}
}
}


 

 

 

이제 필요한 뼈대는 작성이 되었으니, 동작하도록 코드를 추가해 보겠습니다.

 

Adapter's : onCreateViewHoler()

리스트 내의 항목을 표시하기 위한 View를 생성하고, 해당 뷰를 관리(hold)할 ViewHolder를 생성하여 리턴합니다.

 
// Create new views (invoked by the layout manager) @NonNull @Override public .StdViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { // create a new view LayoutInflater inflate = LayoutInflater.from(mContext); View view = inflate.inflate(R.layout.list_item, parent, false); StdViewHolder vh = new StdViewHolder(view); return vh; }

 

list_item.xml layout

은 LinearLayout 안에 TextView를 하나 배치한 형태입니다.

상위 LinearLayout의 layou_height를 match_parent로 하지 않도록 주의하세요.

아이템이 하나밖에 표시되지 않는 것 처럼 보입니다. 실제로 삽질한건 안 비밀...(쿨럭..).



<?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="wrap_content" android:orientation="vertical"> <TextView android:id="@+id/textView" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="TextView" /> </LinearLayout>

 

 

ViewHolder's : construct()

생성자의 인자로 전달된 View와 관련되 사항을, 필요에 따라 가공하여 보관합니다.

ViewHolder의 의미 그대로 View를 Hold 하는 역할을 수행합니다.

 

 

* StdViewHodlder의 생성자로 넘어온 itemView는 ViewHolder.itemView에 저장되므로
여기서 별도로 저장하지 않더라도, ViewHolder 객체를 통해 접근이 가능합니다.
// Provide a reference to the views for each data item
// Complex data items may need more than one view per item, and
// you provide access to all the views for a data item in a view holder
public static class StdViewHolder extends RecyclerView.ViewHolder{
// each data item is just a string in this case


public TextView textView;



public StdViewHolder(@NonNull View itemView) {

super(itemView);

this.textView = itemView.findViewById(R.id.textView);
}

}

 

 

Adapter's : onBindViewHolder()

인자를 통해 전달된 ViewHolder 객체에 position에 기반한 데이터를 할당(표시) 합니다.



// Replace the contents of a view (invoked by the layout manager) @Override public void onBindViewHolder(@NonNull StdViewHolder holder, int position) { // - get element from your dataset at this position // - replace the contents of the view with that element holder.textView.setText(mdata.get(position)); }

 

 

MainActivity

public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); init(); } private void init(){ RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView); // use this setting to improve performance if you know that changes // in content do not change the layout size of the RecyclerView recyclerView.setHasFixedSize(true); LinearLayoutManager layoutManager = new LinearLayoutManager(this); recyclerView.setLayoutManager(layoutManager); List<String> dataSet = new ArrayList<String>(); dataSet.add("C/C++"); dataSet.add("Java"); dataSet.add("Kotlin"); dataSet.add("Python"); int i = dataSet.size(); StdRecyclerAdapter mAdapter = new StdRecyclerAdapter(this, dataSet); recyclerView.setAdapter(mAdapter); } }

 

오늘은 여기까지만...

 

참고자료

https://developer.android.com/guide/topics/ui/layout/recyclerview

반응형

+ Recent posts