Tham số là các khía cạnh có thể thay đổi của Gói giao diện người dùng. Quy trình Chuyển tiếp hỗ trợ hai loại tham số: tham số nội dung và trình xử lý tương tác.
- Tham số nội dung cho phép mã Compose thay đổi linh hoạt các thành phần của Gói giao diện người dùng, như nội dung và kiểu.
- Trình xử lý tương tác cho phép mã Compose phản hồi hoạt động đầu vào của người dùng, chẳng hạn như nhấn và giữ hoặc nhấn đúp.
Bạn có thể thêm tham số vào Gói giao diện người dùng hoặc các tham số con của gói đó. Các liên kết tham số cũng được chia sẻ trên các biến thể Figma nếu các lớp mục tiêu của chúng có tên giống hệt nhau. Mỗi tham số được chuyển đổi thành các tham số của hàm có khả năng kết hợp trong mã được tạo.
![Tham số trong Figma và mã được tạo](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/add-parameters/parameters.png?authuser=9&hl=vi)
Thuộc tính tham số
Loại lớp trong Figma xác định các thuộc tính tham số có sẵn:
Tất cả lớp
tap-handler (chỉ định một lớp có thể nhấn vào)
- Tham số
() -> Unit
được tạo trong mã.
doubletap-handler (chỉ định một lớp có thể nhấn đúp)
- Tham số
() -> Unit
được tạo trong mã.
longpress-handler (chỉ định một lớp có thể nhấn và giữ)
- Tham số
() -> Unit
được tạo trong mã.
Lớp nhóm hoặc lớp khung
children (nội dung lớp)
- Tham số
Composable
được tạo trong mã. - Xem Tham số con để biết thêm chi tiết.
background-color
- Tham số
Color
được tạo trong mã.
padding (khoảng đệm bố cục tự động)
- Tham số
PaddingValues
được tạo trong mã.
border-radius
- Tham số
Double
được tạo trong mã.
Lớp văn bản
text-content
- Tham số
String
được tạo trong mã nếu văn bản chỉ có một kiểu. - Tham số
AnnotatedString
được tạo trong mã nếu văn bản có nhiều kiểu.
color (màu văn bản)
- Tham số
Color
được tạo trong mã.
Lớp hình ảnh
image-content
- Tham số
Painter
được tạo trong mã.
Thêm tham số
- Chọn một lớp thành phần.
Nhấp vào dấu + rồi chọn một thuộc tính tham số.
Đổi tên tham số
- Chọn một tham số.
- Chỉnh sửa trường Tên.
Xoá tham số
- Chọn một tham số.
- Nhấp vào biểu tượng thùng rác.
Đề xuất cho bạn
- Lưu ý: văn bản có đường liên kết sẽ hiện khi JavaScript tắt
- Kiến thức cơ bản về bố cục Compose
- Nhiều kiểu trong một văn bản
- Kotlin cho Jetpack Compose