Hướng dẫn thay đổi font chữ trong Android Studio

Ở bài hôm này mình sẽ hướng dẫn các bạn làm sao để có thể sử dụng nhiều loại font cho ứng dụng của mình trể nên đẹp và đỡ nhàm chán hơn.

1. Giới thiệu về fonts trong Android

Font là tập hợp hoàn chỉnh các chữ cái, các dấu câu, các con số, và các ký tự đặc biệt, theo một kiểu loại, định dạng (thường hoặc đậm nét), hình dáng (thẳng hoặc nghiêng) và kích cỡ phù hợp và có thể phân biệt khác nhau. Thường thuật ngữ “typeface” được dùng không đúng để chỉ về kiểu loại.

2. Demo hướng dẫn thay đổi fonts trong Android

Sau đây mình sẽ hướng dẫn các bạn làm 1 ví dụ để thay đổi được font chữ của 1 đoạn văn bản. Ví dụ của mình đơn giản là sẽ có 1 edittext cho phép người dùng nhập nội dung bất kỳ vào đó, và có 4 radiobutton cho phép người dùng chọn fonts mình mong muốn và khi đó font của đoạn văn bản cũng thay đổi theo.

B1. Tạo Project mới có tên là FontsDemo

B2.Tạo thư mục chứa fonts

Đâu tiên các bạn tạo thư mục assets trong project của mình theo cách như sau.

tiếp tục ta tạo thư mục fonts trong thư mục assets chúng ta vừa tạo xong. Sau đó coppy các loại fonts mà các bạn muốn sử dụng vào đó

B3. Thiết kế giao diện màn hình chính

code của actiivity_main.xml như sau

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical"     tools:context=".MainActivity">       <TextView         android:textColor="#ff0264ff"         android:layout_gravity="center"         android:layout_marginTop="15dp"         android:textStyle="bold"         android:textSize="40sp"         android:text="Font in Android"         android:layout_width="wrap_content"         android:layout_height="wrap_content" />       <EditText         android:gravity="top|left"         android:id="@+id/edtContent"         android:layout_marginTop="15dp"         android:hint="Nhập văn bản..."         android:textSize="20sp"         android:layout_width="fill_parent"         android:layout_height="0dp"         android:layout_weight="2" />       <RadioGroup         android:layout_gravity="bottom"         android:layout_width="fill_parent"         android:layout_height="0dp"         android:layout_weight="1">           <RadioButton             android:id="@+id/rdoFont1"             android:text="Font1"             android:layout_width="wrap_content"             android:layout_height="0dp"             android:layout_weight="1" />           <RadioButton             android:id="@+id/rdoFont2"             android:text="Font2"             android:layout_width="wrap_content"             android:layout_height="0dp"             android:layout_weight="1" />           <RadioButton             android:id="@+id/rdoFont3"             android:text="Font3"             android:layout_width="wrap_content"             android:layout_height="0dp"             android:layout_weight="1" />           <RadioButton             android:id="@+id/rdoFont4"             android:text="Font4"             android:layout_width="wrap_content"             android:layout_height="0dp"             android:layout_weight="1" />       </RadioGroup>   </LinearLayout>

 B4. Code MainActivity.java

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59

package devpro.com.fontdemo;   import android.app.Activity; import android.graphics.Typeface; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.widget.EditText; import android.widget.RadioButton;     public class MainActivity extends Activity {     EditText edtContent;     RadioButton rdoFont1, rdoFont3, rdoFont2, rdoFont4;     Typeface face;       @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);         edtContent = (EditText) findViewById(R.id.edtContent);         rdoFont1 = (RadioButton) findViewById(R.id.rdoFont1);         rdoFont2 = (RadioButton) findViewById(R.id.rdoFont2);         rdoFont3 = (RadioButton) findViewById(R.id.rdoFont3);         rdoFont4 = (RadioButton) findViewById(R.id.rdoFont4);         rdoFont1.setOnClickListener(new View.OnClickListener() {             @Override             public void onClick(View view) {                 //Thiết lập font để sử dụng từ assets                 face = Typeface.createFromAsset(getAssets(), "fonts/FORTE.TTF");                 //Set font cho edittext của các bạn.                 edtContent.setTypeface(face);             }         });         rdoFont2.setOnClickListener(new View.OnClickListener() {             @Override             public void onClick(View view) {                 face = Typeface.createFromAsset(getAssets(), "fonts/GiddyupStd.otf");                 edtContent.setTypeface(face);             }         });         rdoFont3.setOnClickListener(new View.OnClickListener() {             @Override             public void onClick(View view) {                 face = Typeface.createFromAsset(getAssets(), "fonts/GIGI.TTF");                 edtContent.setTypeface(face);             }         });         rdoFont4.setOnClickListener(new View.OnClickListener() {             @Override             public void onClick(View view) {                 face = Typeface.createFromAsset(getAssets(), "fonts/VNARIAL.TTF");                 edtContent.setTypeface(face);             }         });     } }

 trong đoạn code trên các bạn chỉ cần chú ý 2 dòng code sau

Typeface face = Typeface.createFromAsset(getAssets(), “fonts/FORTE.TTF”);
edtContent.setTypeface(face);

ở dòng đầu tiên, đó là chúng ta tiến hành load font trong thư mục assets/fonts
dòng tiếp theo là chúng ta set fonts cho edittext của chúng ta. Cũng không quá khó hiểu đúng không ạ. Và sau đó run và được kết quả như mong muốn.

• Tweet
• Share
• Share
• Share
• Share