[RecyclerView] 가로형 RecyclerView 만들기

가로형 RecyclerView 만들기

기본적인 세로형 RecyclerView는 만들었으니 이제 한단계 올려서 가로형을 만들어보겠습니다.

코드는 지난 포스트인 기본 RecyclerView 만들기를 토대로 하겠습니다.

이 글은 지난 포스트를 토대로 이루어지니 이전글을 숙지해야 합니다.

 

2017/09/19 - [Android] - [RecyclerView] 기본 RecyclerView 만들기

2017/09/19 - [Android] - [RecyclerView] 가로형 RecyclerView 만들기

2017/09/19 - [Android] - [RecyclerView] Item에 ClickListener 달기

 

---

 

이번에는 데이터가 가로로 나열되는 Horizontal RecyclerView를 만들어 보겠습니다.

기본적인 토대를 세로형 RecyclerView와 동일합니다. 변경/추가 된 부분만 고쳐서 사용하도록 하겠습니다.

가로형은 세로형식과 달리 items layout의 width size를 조금 줄여서 진행하겠습니다.

 

 

   horizon_recycler_items.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">

<RelativeLayout
android:background="#eaeaea"
android:layout_width="wrap_content"
android:layout_margin="8dp"
android:layout_height="wrap_content">

<ImageView
android:id="@+id/horizon_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:src="@mipmap/ic_launcher" />

<TextView
android:id="@+id/horizon_description"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_below="@+id/horizon_icon"
android:text="@string/app_name" />

</RelativeLayout>

</LinearLayout>

 

 2) Activity 작성 

 

이 파일 역시 세로형 RecyclerView와 동일하게 작성하되 한가지만 변경해줍니다.

// init LayoutManager
mLayoutManager = new LinearLayoutManager(this);
mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

이부분은 지난 글의 VerticalRecyclerView.java 의 한부분입니다. 

setOrientation(LinearLayoutManager.VERTICAL); 부분을

setOrientation(LinearLayoutManager.HORIZONTAL); 로 바꾸겠습니다.

 

마무리

지난 글에서 작성한것 처럼 LayoutManager를 이용하면 간단하게 세로형을 가로형으로 변경할 수 있습니다.

작성된 예제 파일은 아래 링크에 공유하겠습니다.

 

https://github.com/YoonKyoungTae/BasicRecyclerViewExample

 

 

+ 설명이 잘못된점이 있다면 댓글로 피드백 부탁드립니다!