Bước 1: Chuẩn bị tài nguyên thiết kế
Để bật tính năng Hiển thị bố cục động theo số ký tự, bạn cần chuẩn bị hai bộ tài nguyên thiết kế. Các tài nguyên này quyết định cách hiển thị những bố cục khác nhau dựa trên ký tự khách hàng nhập.
a. Ảnh chữ cái lớn (ký tự chính)
Bộ tài nguyên này điều khiển ký tự lớn chính hiển thị trong bố cục.
Cấu trúc thứ tự file:
- File 1 → Ảnh trống (vị trí giữ chỗ bắt buộc)
- File 2–27 → Chữ thường
a–z - File 28–54 → Chữ hoa
A–Z - File 55–64 → Chữ số
0–9(không bắt buộc)
b. Thư mục bố cục câu trích dẫn
Chuẩn bị 54 thư mục tương ứng với 54 trường hợp ký tự, theo cùng logic như Phần 1:
- 27 thư mục cho chữ thường
a–z - 27 thư mục cho chữ hoa
A–Z
Mỗi thư mục đại diện cho bố cục câu trích dẫn của một ký tự cụ thể.
Bước 2: Thêm các thành phần vào mẫu
Sau khi chuẩn bị xong tất cả tài nguyên thiết kế, bước tiếp theo là thêm các thành phần này vào một mẫu và thiết lập các bố cục.
a. Tải tài nguyên lên thư viện Tài nguyên
- Tải tất cả file và thư mục đã chuẩn bị lên Tài nguyên → Ảnh
- Đảm bảo cấu trúc thư mục (nền, bảng chữ cái, câu trích dẫn) được tải lên đúng
b. Tạo mẫu thử
Tạo một mẫu mới và bắt đầu thêm các thành phần, đầu tiên là Nền với 3 màu: xanh dương, đỏ, đen.
Tiếp theo, thêm 3 lớp Bảng chữ cái, sau đó đổi kích thước và đặt các lớp này vào vị trí mong muốn trong thiết kế.
Sau đó, thêm 3 lớp Câu trích dẫn, tương ứng với cùng 3 màu, và cũng căn chỉnh, đặt vị trí chúng so với các lớp bảng chữ cái
c. Tạo bố cục
Chọn cả 6 lớp và bấm biểu tượng Tạo bố cục để nhóm chúng thành Bố cục 1.
Bấm vào Bố cục 1, rồi nhấn tổ hợp phím Ctrl + C and Ctrl + V để nhân bản thành Bố cục 2 có cùng cấu trúc
Tiếp theo, mở rộng Bố cục 2 và chọn 6 lớp tương ứng với ký tự đầu tiên, cũng dùng tổ hợp phím Ctrl + C and Ctrl + V để tạo thêm 6 lớp cho ký tự thứ hai, như trong ảnh tham khảo bên dưới.
Lưu mẫu để giữ lại cấu trúc hiện tại trước khi chuyển sang bước cấu hình tiếp theo
Bước 3: Ánh xạ bộ tuỳ chọn và logic
Ở bước này, chúng ta sẽ cấu hình các bộ tuỳ chọn và logic để tự động chuyển đổi bố cục, bảng chữ cái và câu trích dẫn dựa trên chữ khách hàng nhập.
a. Thêm tuỳ chọn Trường chữ
- Vào Bộ tuỳ chọn → Thêm → Trường chữ
- Trường này dùng để khách hàng nhập chữ của họ (ví dụ: tên)
b. Bật ô mẫu theo ký tự
Trong cài đặt Trường chữ, bật Hiển thị ô mẫu theo ký tự, sau đó gán:
- Blue Alphabet → Ký tự 1
- Blue Alphabet 2 → Ký tự 2
c. Bật chuyển đổi bố cục theo độ dài chữ
Bật Hiển thị ô mẫu bố cục theo độ dài chữ, tính năng này cho phép bố cục tự động điều chỉnh theo số ký tự khách hàng nhập.
- Độ dài chữ = 1 ký tự → Hiện Bố cục 1
- Độ dài chữ = 2 ký tự → Hiện Bố cục 2
d. Đặt Global ID để đồng bộ ký tự
Bây giờ bạn cần đặt Global ID cho tất cả các lớp chịu ảnh hưởng bởi ký tự đầu tiên mà khách hàng nhập:
- Blue Alphabet
- Black Alphabet
- Red Alphabet
- Blue Quotes
- Black Quotes
- Red Quotes
⚠️ Không chọn các giá trị tuỳ chọn lồng nhau bên trong các bộ tuỳ chọn Quote, và đặt Global ID = 1
Khi Blue Alphabet chuyển sang ký tự A, tất cả các lớp khác có Global ID = 1 sẽ tự động chuyển sang giá trị A tương ứng. Lặp lại quy trình tương tự cho ký tự thứ hai.
e. Đặt điều kiện hiển thị theo màu nền
Để đảm bảo khớp màu chính xác, hãy chọn tất cả các lớp Black (Alphabet + Quotes) và thêm điều kiện: Chỉ hiện khi Background = Black
Lặp lại thiết lập tương tự cho các ký tự màu đỏ và xanh dương. Việc này đảm bảo chỉ hiển thị đúng tài nguyên màu theo nền đã chọn.
f. Ẩn các tuỳ chọn không cần thiết
Kết quả cuối cùng
Khi khách hàng nhập 1 ký tự (ví dụ: c), chỉ hiện Bố cục 1 cùng câu trích dẫn và bảng chữ cái của C
Khi khách hàng nhập 2 ký tự (ví dụ: cd) thì Bố cục 2 được hiển thị, sau đó câu trích dẫn và bảng chữ cái của C và D được hiển thị tương ứng.
Cập nhật ngày: 18/08/2026