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

안드로이드 네이티브 앱에서 Font Awesome 아이콘 폰트 사용하는 방법

이 튜토리얼에서는 네이티브 안드로이드 애플리케이션에 Font Awesome 아이콘 폰트를 적용하는 방법을 단계별로 살펴봅니다. Font Awesome은 수천 개의 벡터 아이콘을 무료로 제공하는 폰트 기반 아이콘 라이브러리로, 이미지 리소스 없이도 깔끔한 아이콘을 손쉽게 구현할 수 있습니다.

1단계: 새 프로젝트 생성

Android Studio를 실행한 뒤 File → New Project 메뉴로 이동하고, 필요한 정보를 모두 입력하여 새 프로젝트를 생성합니다.

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:tools="https://schemas.android.com/tools"
    android:id="@+id/relativeLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
<TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:text="FontAwesome"
    android:textSize="48sp"
    android:textStyle="bold" />
</RelativeLayout>

3단계: Font Awesome 폰트 파일 추가

프로젝트에 새로운 assets 폴더를 생성한 후, 공식 사이트에서 내려받은 fontawesome.ttf 파일을 해당 폴더에 복사해서 붙여넣습니다.

4단계: MainActivity 코드 작성

src/MainActivity.java 파일에 아래 코드를 추가합니다. 핵심은 Typeface.createFromAsset() 메서드를 사용해 assets 폴더의 폰트를 불러온 뒤 TextView에 적용하는 것입니다.

package app.com.sample;
import androidx.appcompat.app.AppCompatActivity;
import android.graphics.Typeface;
import android.os.Bundle;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView textView = findViewById(R.id.textView);
        Typeface font = Typeface.createFromAsset(getAssets(), "FontAwesome.ttf");
        textView.setTypeface(font);
    }
}

5단계: AndroidManifest.xml 설정

androidManifest.xml 파일에 아래 코드를 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="app.com.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 Studio에서 프로젝트의 액티비티 파일 중 하나를 연 뒤, 상단 툴바의 Run(실행) 안드로이드 네이티브 앱에서 Font Awesome 아이콘 폰트 사용하는 방법 아이콘을 클릭하세요. 실행 옵션 목록에서 본인의 모바일 기기를 선택하면, 기기 화면에 아래와 같은 결과가 표시됩니다.

안드로이드 네이티브 앱에서 Font Awesome 아이콘 폰트 사용하는 방법