Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android SDK
Code

Mẹo nhỏ: Làm việc với Phông chữ Tuỳ biến trong Android O

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Quick Tips: New UI Features in Android O.
Quick Tip: Create Autosizing Text With Android O
Quick Tip: Introducing Android O’s Adaptive Icons and Pinned Shortcuts

Vietnamese (Tiếng Việt) translation by Dai Phong (you can also view the original English article)

Phiên bản Developer Preview đầu tiên của Android O đã có đây rồi!

Trong loạt bài này, chúng ta đang tìm hiểu một số tính năng trong giao diện người dùng đang được nâng cấp mà bạn có thể bắt đầu thử nghiệm ngay hôm nay thông qua phiên bản Developer Preview của Android O.

Trong mẹo đầu tiên, tôi đã chỉ cho bạn cách thiết lập môi trường phát triển của bạn để hỗ phiên bản Preview của Android O và cách tạo văn bản tự động tăng và giảm kích thước cho phù hợp với cấu hình màn hình hiện tại. Trong mẹo này, chúng ta sẽ tìm hiểu cách Android O giúp làm việc với phông chữ tùy biến, một trải nghiệm đơn giản.

Thêm Phông chữ Tuỳ biến vào Dự án của Bạn

Bạn có bao giờ muốn làm cho một đoạn văn bản nào đó trở nên nổi bật? Hoặc có thể bạn đã bị thuyết phục rằng một phông chữ tùy biến sẽ là cách hoàn hảo để thêm một số phong cách riêng vào ứng dụng của bạn?

Mặc dù có nhiều lợi ích khi sử dụng phông chữ tùy biến, nhưng làm việc với chúng trong Android thông thường là một trải nghiệm khó khăn, yêu cầu bạn sử dụng một thư viện hoặc tạo một View tùy biến.

Rất may, làm việc với phông chữ tùy biến trong Android sắp trở nên dễ dàng hơn, vì các phông chữ tùy biến được thiết lập để trở thành kiểu tài nguyên được hỗ trợ đầy đủ trong Android O. Điều này có nghĩa là việc thêm phông chữ tuỳ biến vào ứng dụng của bạn sẽ trở nên đơn giản giống như thêm bất kỳ tài nguyên nào khác, chẳng hạn như hình ảnh và văn bản.

Để thực hiện theo hướng dẫn này, bạn sẽ cần một số tập tin phông chữ mà bạn có thể thêm vào dự án Android O mà chúng ta đã tạo ra trong phần một.

Android O hỗ trợ cả hai định dạng .otf (OpenType) và .ttf (TrueType). Có rất nhiều trang web cung cấp miễn phí các kiểu phông này, do đó hãy dành vài phút tìm kiếm trên Google cho đến khi bạn tìm thấy một phông chữ vừa ý bạn.

Vì chúng ta đang thử nghiệm các tính năng mới của Android O, nên không quan trọng là bạn sử dụng phông chữ nào, nhưng khi bạn tìm kiếm các phông chữ để sử dụng khi phát hành ứng dụng thì bạn cần luôn luôn kiểm tra điều khoản và điều kiện sử dụng phông chữ. Một tài nguyên được tải miễn phí không có nghĩa là không có hạn chế về cách bạn có thể sử dụng và phân phối lại tài nguyên này, vì vậy hãy luôn kiểm tra kỹ!

Bạn cũng nên xem xét mục đích, nội dung và đối tượng nhắm đến của ứng dụng, vì các phông chữ khác nhau truyền tải những thông điệp khác nhau. Nếu bạn đang thiết kế một ứng dụng để giúp mọi người hoàn thành bản kê khai thuế của họ, thì người dùng của bạn có thể gặp khó khăn nếu nó có chứa phông chữ lạ và kỳ quặc!

Một khi bạn đã tìm thấy một phông chữ mà bạn muốn sử dụng, hãy tải về và giải nén nó. Tại thời điểm này, bạn nên kiểm tra tên tập tin của phông chữ để loại bỏ các ký tự không hợp lệ - về cơ bản bất cứ thứ gì không phải là chữ thường a-z, 0-9 hoặc một gạch dưới. Thử thêm bất kỳ ký tự nào khác và Android Studio sẽ sinh ra một lỗi ngay khi bạn cố gắng tham chiếu đến tài nguyên đó.

Một khi bạn đã có phông chữ, bạn sẽ cần một nơi nào đó để lưu trữ chúng:

  • Nhấp chuột phải vào thư mục app/res của dự án và chọn New > Android resource directory.
  • Mở menu thả xuống và chọn font.
  • Nhập font trong phần File name.
  • Nhấn OK.
Create a resfont folder in Android Studio
  • Kéo và thả tập tin phông chữ của bạn vào thư mục res/font mới của bạn.

Sử dụng Phông chữ Tuỳ biến của Bạn

Bạn có thể áp dụng một phông chữ tuỳ biến vào văn bản của bạn bằng cách sử dụng thuộc tính XML mới android:fontFaminly.

Test your custom font on your Android O AVD

Bạn cũng có thể thêm các phông chữ tuỳ biến vào bất kỳ style nào mà bạn đã tạo trong ứng dụng của bạn:

Nếu bạn muốn sử dụng các phông chữ tuỳ biến, thì bạn có thể truy vấn một phông chữ tuỳ biến bằng phương thức getFont(int), ví dụ:

Tạo một Font Family

Đôi khi bạn giải nén một thư mục chứa phông chữ và khám phá ra nhiều phiên bản của phông chữ đó, chẳng hạn như phiên bản chữ in nghiêng hoặc phông chữ in đậm khác nhau và độ dày khác nhau.

Nếu bạn đang sử dụng nhiều phiên bản của cùng một phông chữ, thì bạn có thể cần phải nhóm chúng lại với nhau thành một font family. Một font family cơ bản là một tập tin XML riêng, nơi bạn định nghĩa từng phiên bản của phông chữ, cùng với các thuộc tính fontStyle và fontWeight của nó.

Để tạo một font family bạn cần:

  • Hãy đảm bảo rằng bạn đã thêm tất cả các tập tin phông chữ vào thư mục res/font của dự án.
  • Nhấp chuột phải vào thư mục res/font của dự án, sau đó chọn New > Font resource file.
  • Đặt tên cho tập tin này, và sau đó nhấp vào OK.
  • Mở tập tin XML này và định nghĩa tất cả các phiên bản khác nhau của phông chữ này, cùng với các thuộc tính fontStyle và fontWeight của chúng, ví dụ:

Sau đó, bạn có thể tham chiếu đến bất kỳ phông chữ nào trong font family này bằng thuộc tính android:fontFamily. Ví dụ:

Đừng quên kiểm tra thử!

Mặc dù dễ dàng cài đặt những tính năng mới, nhưng đừng quá lạm dụng các phông chữ tùy biến! Giao diện người dùng thống nhất sẽ dễ dàng hơn để điều hướng và tìm hiểu và nếu ứng dụng của bạn liên tục thay đổi giữa các phông chữ thì người dùng của bạn có thể sẽ chú ý nhiều hơn tới văn bản của bạn trông như thế nào, thay vì những gì nó truyền đạt.

Nếu bạn thật sự muốn thêm các phông chữ tùy biến vào trong dự án của bạn, thì điều quan trọng là phải kiểm tra cách phông chữ hiển thị trên nhiều cấu hình màn hình khác nhau, vì ưu tiên hàng đầu của bạn phải đảm bảo rằng văn bản của bạn dễ đọc.

Tóm tắt

Trong mẹo này, tôi đã chỉ cho bạn cách tạo ra nhiều văn bản đầy phong cách và độc đáo hơn, bằng cách thêm các phông chữ tùy biến vào các dự án của bạn. Trong bài viết cuối cùng trong loạt bài này, chúng ta sẽ chuyển trọng tâm từ văn bản sang hình ảnh, khi tôi hướng dẫn cho bạn cách tạo các biểu tượng launcher có tính thích ứng có thể tự động điều chỉnh hình dạng của chúng cho phù hợp với thiết bị hiện tại.

Trong lúc chờ đợi, hãy đọc một số hướng dẫn khác về phát triển ứng dụng Android của chúng tôi!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.