Jetpack Compose in a Nutshell

 

Khi chúng tôi thiết kế các ứng dụng Android bằng cách sử dụng khuôn khổ Android gốc,

chúng tôi cần làm điều đó bằng cách sử dụng XML. Mỗi dạng xem chúng ta có và cách nó

liên quan đến các dạng xem khác cần phải được định nghĩa trong một tệp XML như vậy.

Điều này thường là rất nhiều công việc và việc xây dựng giao diện người dùng không thực

sự trực quan với nó. Jetpack Compose là một cách mới để thực hiện việc đó bằng cách

sử dụng Kotlin, vì vậy chúng tôi có thể sử dụng nó để mô tả giao diện người dùng của chúng

tôi trong Kotlin và khung công tác Jetpack Compose sẽ tạo ra các chế độ xem tương ứng

cho chúng tôi.

Khái niệm về Jetpack Compose đã được biết đến từ các framework khác như Flagship hoặc từ các ứng dụng IOS. Về cơ bản, những gì chúng tôi làm là chúng tôi tách giao diện người dùng của mình thành các thành phần giao diện người dùng đơn lẻ như nút hoặc văn bản và với các thành phần giao diện người dùng này, chúng tôi có thể tạo ra cái gọi là các hàm có thể kết hợp. Đó là những hàm xác định các loại thành phần giao diện người dùng phức tạp hơn.

Vì vậy, chúng ta hãy xem xét giao diện người dùng du lịch đơn giản này. Trong khi văn bản, hình ảnh hoặc trình quay có thể là các thành phần giao diện người dùng đơn lẻ, chúng tôi có thể tạo các hàm có thể kết hợp để xác định một mục danh sách chẳng hạn. Sau đó, chúng tôi có thể sử dụng lại mục danh sách đó nhiều lần, điều này làm cho việc tạo ui trở thành một quá trình có thể mở rộng.

Hãy tạo một hàm tổng hợp đơn giản. Chúng ta có thể tạo một thẻ đóng vai trò như một vùng chứa, chúng ta có thể tăng độ cao cho nó, chúng ta có thể thay đổi nền của nó thành màu xám đậm và chúng ta có thể dễ dàng tạo cho nó một nét viền.

Hãy cũng cung cấp cho nó các góc tròn và áp dụng một công cụ sửa đổi để cung cấp cho nó một số phần đệm và lấp đầy toàn bộ chiều rộng của màn hình của chúng ta. Bên trong thẻ đó, chúng tôi tạo một thành phần hàng cho phép chúng tôi đặt các thành phần giao diện người dùng bên cạnh nhau tương tự như bố cục tuyến tính ngang. Chúng tôi căn giữa các phần tử theo chiều dọc và cũng áp dụng một số phần đệm. Bên trong hàng đó, chúng tôi tạo một hình ảnh mà chúng tôi lấy từ các tài nguyên của mình và cắt nó. Chúng tôi đặt kích thước của nó thành 100 dp và bên cạnh hình ảnh đó, chúng tôi tạo một văn bản đơn giản, đặt màu của nó thành rộng và kích thước phông chữ của nó thành 30sp. Vậy là xong, chúng tôi vừa xây dựng một hàm tổng hợp có thể tái sử dụng.

Hiện tại jpeg comp vẫn đang trong giai đoạn alpha nhưng trong tương lai mới nó sẽ có sẵn

cho Android Studio ổn định và tôi rất vui mừng cho nó.