Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Hướng dẫn cơ bản này trình bày cho bạn thấy cả quy trình thiết kế và quy trình dành cho nhà phát triển của Chuyển tiếp (Relay), cung cấp trải nghiệm đầu tiên toàn diện. Sau khi thiết lập trình bổ trợ Chuyển tiếp (Relay), bạn có thể nhanh chóng chuyển sang giai đoạn có thể thấy giao diện người dùng xuất hiện trong Android Studio. Chúng tôi khuyến khích bạn tiếp tục theo dõi phần này!
Phần hướng dẫn sẽ tạo một thành phần thẻ cơ bản trong Figma rồi nhập thành phần đó vào Android Studio để bạn có thể xem mã đã tạo. Bạn sẽ tìm hiểu cách thực hiện những việc sau:
Trong Figma:
Thiết kế thành phần giao diện người dùng trong Figma.
Tạo Gói giao diện người dùng bằng trình bổ trợ Figma.
Lưu phiên bản đã đặt tên của thiết kế.
Chia sẻ URL Figma với các nhà phát triển.
Trong Android Studio:
Sử dụng URL Figma, nhập Gói giao diện người dùng vào một dự án.
Tạo mã Jetpack Compose bằng cách tạo dự án.
Thêm tham chiếu đến thành phần kết hợp đã tạo trong mã giao diện người dùng của dự án.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2024-03-25 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Thiếu thông tin tôi cần"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Quá phức tạp/quá nhiều bước"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Đã lỗi thời"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Vấn đề về bản dịch"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Vấn đề về mẫu/mã"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Khác"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Dễ hiểu"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Giúp tôi giải quyết được vấn đề"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Khác"
}]
{"lastModified": "C\u1eadp nh\u1eadt l\u1ea7n g\u1ea7n \u0111\u00e2y nh\u1ea5t: 2024-03-25 UTC."}
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2024-03-25 UTC."]]