본문 바로가기

Android

[RecyclerView] 가로형 RecyclerView 만들기

 · 가로형 RecyclerView 만들기 

 

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

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

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

 

 

 

  1   순서대로 차근차근 만들어보자

 

 

 

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

기본적인 토대는 세로형 RecyclerView와 동일합니다.

변경/추가 된 부분만 고쳐서 사용하도록 하겠습니다. 지난 글은 상단 링크를 따라가 주세요.

 

 1) 추가해야할 파일 

 

가로형은 세로형식과 달리 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); 로 바꾸겠습니다.

 

  2   마무리

 

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

사용된 예제 파일은 아래 링크에 공유해두었습니다.

 

 

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