Computer >> 컴퓨터 >  >> 프로그래밍 >> Android

Android TextView에서 텍스트 양쪽 정렬(Justify) 구현하기: 단계별 완벽 가이드

이 튜토리얼에서는 Android의 TextView에서 텍스트를 양쪽 정렬(Justify)하는 방법을 단계별로 살펴봅니다. 양쪽 정렬이란 텍스트의 좌우 여백을 균등하게 맞추어 문서처럼 깔끔하게 보이도록 하는 기능으로, 신문이나 잡지 스타일의 레이아웃을 구현할 때 유용합니다.

API 26 이상에서 간단한 방법

Android 8.0(API 26)부터는 XML에서 한 줄의 속성만 추가하면 양쪽 정렬을 적용할 수 있습니다.

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="양쪽 정렬된 텍스트입니다."
    android:justificationMode="inter_word" />

또는 Java 코드에서 다음과 같이 설정할 수도 있습니다.

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
    textView.setJustificationMode(JUSTIFICATION_MODE_INTER_WORD);
}

아래 예제는 RecyclerView와 함께 TextView를 활용해 실제 앱 화면을 구성하는 전체 과정을 보여줍니다.

Step 1 — 새 프로젝트 생성

Android Studio에서 File → New Project로 이동한 후, 필요한 모든 세부 정보를 입력하여 새 프로젝트를 생성합니다.

Step 2 — activity_main.xml 레이아웃 작성

res/layout/activity_main.xml 파일에 아래 코드를 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://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/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:scrollbars="none" />
</RelativeLayout>

Step 3 — list_item.xml 레이아웃 작성

res/layout/list_item.xml 파일에 아래 코드를 추가합니다. 각 리스트 항목에는 노래 제목, 연도, 아티스트를 표시하는 세 개의 TextView가 배치됩니다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:id="@+id/container"
    android:padding="16dp"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/song_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:layout_marginTop="10dp"
        android:textSize="18dp"
        android:textStyle="bold"
        android:textColor="@color/colorPrimaryDark"/>
    <TextView
        android:id="@+id/song_year"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:textColor="#000"
        android:layout_below="@+id/song_title"
        android:layout_alignLeft="@+id/song_title"
        android:layout_alignStart="@+id/song_title"
        android:layout_marginTop="20dp" />
    <TextView
        android:id="@+id/song_author"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:textColor="#000"
        android:layout_alignTop="@+id/song_year"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />
</RelativeLayout>

Step 4 — MainActivity.java 작성

src/MainActivity.java 파일에 아래 코드를 추가합니다. RecyclerView에 레이아웃 매니저와 어댑터를 연결하고, 샘플 데이터 목록을 반환합니다.

package com.app.sample;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import android.os.Bundle;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
    private final String TAG = "MainActivity";
    private RecyclerView recyclerView;
    private LinearLayoutManager layoutManager;
    private RecyclerViewAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        recyclerView = (RecyclerView)findViewById(R.id.recycler_view);
        recyclerView.addItemDecoration(new SimpleDividerItemDecoration(this));
        layoutManager = new LinearLayoutManager(MainActivity.this);
        recyclerView.setLayoutManager(layoutManager);
        List<ItemObject> posts = returnListItems();
        adapter = new RecyclerViewAdapter(MainActivity.this, posts);
        recyclerView.setAdapter(adapter);
    }
    private List<ItemObject> returnListItems(){
        List<ItemObject> items = new ArrayList<ItemObject>();
        items.add(new ItemObject("Blank Space", "Taylor Swift", "2016"));
        items.add(new ItemObject("Uptown Funk", "Mark Ronson", "2016"));
        items.add(new ItemObject("Can't Feel My Face", "The Weeknd", "2016"));
        items.add(new ItemObject("Cheerleader", "OMI", "2016"));
        items.add(new ItemObject("What Do You Mean?", "Justin Bieber", "2016"));
        items.add(new ItemObject("Hello", "Adele", "2016"));
        return items;
    }
}

Step 5 — ItemObject.java 작성

src/ItemObject.java 파일에 아래 코드를 추가합니다. 노래 제목, 연도, 아티스트 정보를 담는 데이터 모델 클래스입니다.

package com.app.sample;
public class ItemObject {
    private String songTitle;
    private String songYear;
    private String songAuthor;
    public ItemObject(String songTitle, String songYear, String songAuthor) {
        this.songTitle = songTitle;
        this.songYear = songYear;
        this.songAuthor = songAuthor;
    }
    public String getSongTitle() {
        return songTitle;
    }
    public String getSongYear() {
        return songYear;
    }
    public String getSongAuthor() {
        return songAuthor;
    }
}

Step 6 — RecyclerViewAdapter.java 작성

src/RecyclerViewAdapter.java 파일에 아래 코드를 추가합니다. 어댑터는 각 항목의 데이터를 ViewHolder에 바인딩하는 역할을 합니다.

package com.app.sample;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import androidx.recyclerview.widget.RecyclerView;
import java.util.List;
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewHolders>{
    private List<ItemObject> itemList;
    private Context context;
    public RecyclerViewAdapter(Context context, List<ItemObject> itemList) {
        this.itemList = itemList;
        this.context = context;
    }
    @Override
    public RecyclerViewHolders onCreateViewHolder(ViewGroup parent, int viewType) {
        View layoutView = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, null);
        RecyclerViewHolders rcv = new RecyclerViewHolders(layoutView);
        return rcv;
    }
    @Override
    public void onBindViewHolder(RecyclerViewHolders holder, int position) {
        holder.songTitle.setText("Song Title: " + itemList.get(position).getSongTitle());
        holder.songYear.setText("Song Year: " + itemList.get(position).getSongYear());
        holder.songAuthor.setText("Song Author: " + itemList.get(position).getSongAuthor());
    }
    @Override
    public int getItemCount() {
        return this.itemList.size();
    }
}

Step 7 — RecyclerViewHolders.java 작성

src/RecyclerViewHolders.java 파일에 아래 코드를 추가합니다. ViewHolder 클래스는 각 항목 뷰를 참조하고 클릭 이벤트를 처리합니다.

package com.app.sample;
import android.util.SparseBooleanArray;
import android.view.View;
import android.widget.TextView;
import androidx.recyclerview.widget.RecyclerView;
public class RecyclerViewHolders extends RecyclerView.ViewHolder
implements View.OnClickListener {
    public TextView songTitle;
    public TextView songYear;
    public TextView songAuthor;
    private SparseBooleanArray selectedItems = new SparseBooleanArray();
    public RecyclerViewHolders(View itemView) {
        super(itemView);
        itemView.setOnClickListener(this);
        songTitle = (TextView)itemView.findViewById(R.id.song_title);
        songYear = (TextView)itemView.findViewById(R.id.song_year);
        songAuthor = (TextView)itemView.findViewById(R.id.song_author);
    }
    @Override
    public void onClick(View view) {
        if (selectedItems.get(getAdapterPosition(), false)) {
            selectedItems.delete(getAdapterPosition());
            view.setSelected(false);
        } else {
            selectedItems.put(getAdapterPosition(), true);
            view.setSelected(true);
        }
    }
}

Step 8 — AndroidManifest.xml 설정

Manifests/AndroidManifest.xml 파일에 아래 코드를 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android" package="com.app.sample">
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
               <category android:name="android.intent.category.LAUNCHER" />
           </intent-filter>
        </activity>
    </application>
</manifest>

앱 실행 및 결과 확인

이제 애플리케이션을 실행해 보겠습니다. 실제 Android 스마트폰을 컴퓨터에 연결했다고 가정합니다. Android Studio에서 프로젝트의 액티비티 파일 중 하나를 연 뒤, 툴바의 Run 아이콘을 클릭하세요. 실행 옵션에서 자신의 모바일 기기를 선택하면, 기기 화면에 아래와 같은 결과가 표시됩니다.

Android TextView에서 텍스트 양쪽 정렬(Justify) 구현하기: 단계별 완벽 가이드

마무리 및 참고 사항

API 26 미만 버전을 지원해야 한다면 justificationMode 속성을 사용할 수 없으므로, WebView에 HTML/CSS(text-align: justify;)를 적용하거나 커스텀 TextView를 구현하는 방법을 고려해야 합니다. 또한 한글 텍스트의 경우 단어 단위 줄바꿈 특성상 양쪽 정렬 시 글자 간격이 넓어질 수 있으니, 디자인 의도에 맞게 조절하는 것이 좋습니다.