Di chuyển giao diện XML sang Compose

Khi đưa Compose vào một ứng dụng hiện có, bạn cần di chuyển giao diện của mình trong XML để sử dụng MaterialTheme cho các màn hình Compose. Như vậy, giao diện của ứng dụng sẽ có 2 nguồn đáng tin cậy: giao diện dựa trên Khung hiển thị và giao diện Compose. Bạn cần thực hiện mọi thay đổi đối với kiểu của mình ở nhiều nơi. Sau khi di chuyển hoàn toàn ứng dụng sang Compose, bạn có thể xoá giao diện XML.

Để di chuyển giao diện XML sang Compose, hãy sử dụng Trình tạo giao diện Material để di chuyển từ giao diện XML sang Material 3 trong Compose. Bạn có thể sử dụng các vai trò của màu sắc hiện có, chẳng hạn như màu chính và màu phụ trong giao diện XML rồi truyền các màu đó đến Material Theme Builder (Trình tạo giao diện Material). Thao tác này sẽ tạo ra một giao diện Material 3 hoàn chỉnh trong Compose, đồng thời cung cấp các tệp màu và giao diện có thể tải xuống để sử dụng trong ứng dụng của bạn.

Công cụ tạo giao diện Material sẽ tạo một MaterialTheme cũng như bảng phối màu sáng và tối cho ứng dụng của bạn. Nếu ứng dụng của bạn dùng hình dạng hoặc kiểu chữ tuỳ chỉnh, hãy di chuyển hình dạng và kiểu chữ tuỳ chỉnh bằng cách xác định ShapeTypography tương ứng. Sau khi được xác định, hãy cung cấp thông tin đó cho MaterialTheme của bạn. Xem hình dạngkiểu chữ để tìm hiểu thêm.