[안드로이드/Android] RecyclerView 사용하기(3) - Add left and right margin to dividers

이전 관련글

[안드로이드/Android] RecyclerView 사용하기(1) 

[안드로이드/Android] RecyclerView 사용하기(2) - Add dividers to RecyclerView

RecyclerView.ItemDecoration 클래스를 상속받는 커스텀 클래스를 작성하여 사용하면

RecyclerView의 Divider를 쉽게 조작할 수 있습니다.

이번에는 SimpleDividerItemDecoration 클래스를 작성하여 Divider의 왼쪽, 오른쪽 margin을 추가해보겠습니다.

1. SimpleDividerItemDecoration.java

RecyclerView.ItemDecoration 클래스를 상속받는 커스텀 클래스를 작성합니다.

public class SimpleDividerItemDecoration extends RecyclerView.ItemDecoration {
    private Drawable mDivider;
    private Resources resources;

    public SimpleDividerItemDecoration(Resources resources) {
        this.resources = resources;
        mDivider = this.resources.getDrawable(R.drawable.divider);
    }

    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        int left = this.resources.getDimensionPixelSize(R.dimen.margin_20);
        int right = parent.getWidth() - this.resources.getDimensionPixelSize(R.dimen.margin_20);

        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            View child = parent.getChildAt(i);

            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();

            int top = child.getBottom() + params.bottomMargin;
            int bottom = top + mDivider.getIntrinsicHeight();

            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }
}

소스를 잠깐 살펴볼까요?

mDivider = this.resources.getDrawable(R.drawable.divider);

Drawable 변수에 미리 정의해놓은 divider.xml 파일을 초기화 해줍니다.

int left = this.resources.getDimensionPixelSize(R.dimen.margin_20);
int right = parent.getWidth() - this.resources.getDimensionPixelSize(R.dimen.margin_20);

onDrawOver() 함수 안에서 Divider에 추가할 왼쪽, 오른쪽 마진을 설정해줍니다.

recyclerView.addItemDecoration(new SimpleDividerItemDecoration(getResources()));

그리고 이제 RecyclerView의 addItemDecoration() 함수로 작성한 커스텀 클래스를 추가해주면 끝.

2. 결과

아래 결과 화면입니다.

모든 Divider에 왼쪽, 오른쪽 마진이 추가된 것이 보이시죠?