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

Mẹo nhỏ: Tạo Văn bản có Kích thước Động trong Android O

by
Read Time:5 minsLanguages:
This post is part of a series called Quick Tips: New UI Features in Android O.
Quick Tip: Working With Custom Fonts in Android O

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 đã ra mắt!

Trong loạt bài hướng dẫn này, chúng ta sẽ khám phá một số tính năng UI mới mà bạn có thể mong chờ trong phiên bản Android O (reo?) sắp ra mắt.

Trong hướng dẫn đầu tiên này, chúng ta sẽ được trải nghiệm thực tế tính năng tự động hóa kích thước văn bản mới của Android O, cho phép bạn tạo văn bản co lại và mở rộng tự động để phù hợp với layout hiện tại.

Vì đây là lần đầu tiên chúng ta tìm hiểu về Android O ở Envato Tuts+, nên hãy bắt đầu bằng cách đảm bảo môi trường phát triển của chúng ta sẵn sàng cho Android O.

Thiết lập Developer Preview

Hiện tại, bạn chỉ có thể truy cập vào Android O Developer Preview thông qua bản build Canary mới nhất của Android Studio.

Các bản build Canary là những phiên bản mới nhất của Android Studio và thường được cập nhật hàng tuần. Mặc dù các bản build này đã được thử nghiệm nhưng chúng không ổn định so với phiên bản Android Studio chính thức và do đó không được khuyến khích cho phát triển sản phẩm.

Để tải xuống bản build Canary mới nhất và kéo về Android O Preview, trước tiên hãy khởi chạy Android Studio và chọn Android Studio > Preferences... từ thanh công cụ. Chọn Appearance & Behavior > System Settings > Updates và từ trình đơn thả xuống chọn Canary Channel.

Switch to the Android Studio Canary ChannelSwitch to the Android Studio Canary ChannelSwitch to the Android Studio Canary Channel

Sau đó, nhấp vào nút Check Now theo sau để tải xuống bản phát hành mới nhất từ ​​kênh Canary.

Tiếp theo, khởi động lại IDE của bạn và mở SDK Manager. Đảm bảo tab SDK Platforms của SDK Manager được chọn, hãy chọn thành phần Android O Preview.

Open the Android SDK Manager and download the O Developer Preview Open the Android SDK Manager and download the O Developer Preview Open the Android SDK Manager and download the O Developer Preview

Sau đó, chuyển sang tab SDK Tools, sau đó chọn các tùy chọn sau:

  • Android SDK Build-Tools 26.0.0 (rc1 hoặc cao hơn)
  • Android SDK Platform-Tools 26.0.0 (rc1 hoặc cao hơn)
  • Android Emulator 26.0.0
  • Support Repository.

Nhấp vào nút OK để tải tất cả các thành phần này.

Cuối cùng, tạo một dự án Android mới với target là Android O. Để đơn giản, đặt SDK tối thiểu của dự án thành Android 7+ O Preview và sau đó chọn Empty Activity.

Cấu hình Tập tin Gradle

Khi Android Studio đã tạo ra dự án của bạn, hãy mở tập tin bud.gradle cấp mô-đun và thay đổi phiên bản buildToolsVersion và phiên bản Support Library thành các phiên bản mới nhất:

Xuyên suốt loạt bài, chúng ta sẽ thêm một số tính năng Android O vào ứng dụng mẫu này. Nếu bạn dự định trải nghiệm những tính năng này thực tế, thì bạn cần phải tạo một AVD chạy Android O. Khởi chạy AVD Manager của Android Studio, chọn Create Virtual Device... và sau đó làm theo hướng dẫn trên màn hình để tạo một AVD. Bạn có thể sử dụng các cài đặt theo ý bạn, nhưng khi Android Studio nhắc bạn chọn system image, hãy chắc chắn bạn chọn O.

Tạo Văn bản Động

Một trong những tính năng UI mới mà chúng ta có thể mong đợi trong Android O là tự động hoá kích thước văn bản. Với sự bổ sung của một vài thuộc tính XML, bạn có thể tạo các TextView tự động tăng và giảm kích thước của văn bản để nó luôn luôn phù hợp một cách hoàn hảo trong phạm vi của TextView. Việc tự động giãn kích thước này có thể đảm bảo văn bản của bạn vẫn dễ đọc trên nhiều kích thước và mật độ điểm ảnh ở những màn hình khác nhau của Android. Tự động thay đổi kích thước cũng có thể giúp bạn tránh không gian trống trong layout của bạn hoặc văn bản bị cắt giữa câu bởi vì bạn cố nhồi nhét quá nhiều từ vào một TextView.

Có hai cách để bạn có thể cài đặt tự động hoá kích thước văn bản:

  • Granularity. Cách tiếp cận này cho phép bạn xác định kích thước văn bản tối thiểu và tối đa, cộng với giá trị granularity, nghĩa là số lượng văn bản của bạn có thể tăng hoặc giảm kích thước với mỗi "bước". TextView sau đó sẽ giãn văn bản của bạn theo chiều ngang và theo chiều dọc bởi giá trị gia tăng này, cho đến khi nó phù hợp với TextView một cách hoàn hảo.
  • Preset sizes. Đây là nơi bạn xác định một mảng chứa tất cả các kích cỡ có thể của văn bản. Android O sẽ chọn kích thước phù hợp nhất từ ​​mảng này, dựa vào kích thước của TextView.

Bất kể bạn chọn phương pháp nào, bạn sẽ cần phải thêm thuộc tính XML android:autoSizeText="uniform" vào TextView, do đó, hãy mở tập tin tài nguyên layout của bạn và thêm phần tử này ngay bây giờ.

Granularity

Để cài đặt tự động hoá kích thước bằng granularity, bạn cần thêm các thuộc tính XML sau vào TextView của bạn:

  • autoSizeMinTextSize. Kích thước tối thiểu của TextView có thể sử dụng.
  • autoSizeMaxTextSize. Kích thước tối đa mà TextView có thể sử dụng.
  • autoSizeStepGranularity. Giá trị gia tăng. Mặc định là 1px.

Ở đây, tôi đang tạo ra một view có thể thay đổi kích thước văn bản giữa 10sp100sp, với giá trị gia tăng là 2sp:

Preset Sizes

Tùy chọn khác là tạo một mảng các kích thước văn bản được hỗ trợ. Android O sau đó sẽ chọn giá trị phù hợp nhất từ ​​danh sách này, dựa trên số lượng văn bản mà nó phải hiển thị, kích thước TextView và cấu hình màn hình hiện tại.

Nếu dự án của bạn vẫn chưa có tập tin arrays.xml thì bạn có thể tạo một cái bằng cách nhấp chuột phải vào thư mục res/values ​​của dự án và chọn New > Values ​​Resource File. Trong cửa sổ hiện lên, đặt tên cho tập tin này là arrays, và sau đó nhấp vào Ok.

Sau đó bạn có thể mở tập tin res/values/arrays.xml mới của bạn và định nghĩa tất cả các kích thước mà bạn muốn TextView của bạn sử dụng.

Cuối cùng, tham chiếu mảng này bằng thuộc tính autoSizePresetSizes, ví dụ:

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

Một khi bạn đã thêm tính năng tự động hóa kích thước vào TextView, hãy khởi động AVD đang chạy Android O của bạn và xem TextView của bạn hiển thị trên màn hình Android O như thế nào. Để kiểm tra việc tự động hóa kích thước hoạt động chính xác hay không, hãy cập nhật TextView của bạn để hiển thị số lượng văn bản khác nhau và sau đó xem tác động của nó lên hình ảnh kết xuất sau cùng mà bạn nhìn thấy trên màn hình.

Nếu bạn cài đặt tự động hóa kích thước, thì điều quan trọng là bạn phải kiểm tra các TextView của bạn trên nhiều cấu hình màn hình khác nhau, vì bạn có thể cần phải điều chỉnh kích thước tối thiểu và tối đa để đảm bảo văn bản của bạn vẫn có thể đọc được trên các màn hình khác nhau.

Tóm tắt

Trong hướng dẫn nhanh này, tôi đã chỉ cho bạn cách làm thế nào để tạo ra các văn bản có thể co giãn một cách tự động. Trong hướng dẫn kế tiếp, chúng ta sẽ tìm hiểu cách Android O sẽ làm cho việc sử dụng phông chữ tùy biến trong ứng dụng Android của bạn trở nên dễ dàng hơn bao giờ hết. Trong lúc chờ đợi, hãy xem qua một số hướng dẫn khác 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.