Calculator UI của Android 10 được nhân bản bằng Jetpack Compose, vì đây là một trong những cấu trúc giao diện người dùng phức tạp hơn. Trước đây tôi đã đề cập đến bố cục kết hợp khác - bạn có thể xem bài viết tại đây: https://trunghieu-it.blogspot.com/2021/08/jetpack-compose-lists.html https://trunghieu-it.blogspot.com/2021/08/jetpack-compose-columns-and-rows.html The Calculator UI Lưu ý: Tôi đang sử dụng Compose phiên bản 0.1.0-dev09 tại thời điểm viết bài này. Được - vậy điều phức tạp về Calculator UI là nó có nhiều bảng và lớp phủ có thể kéo. Nó trông như thế nào: 2.The Code Bạn có thể lấy mã nguồn tại đây: https://github.com/ahmedrizwan/JetpackComposeCalculator/ Bắt đầu với cấp cao nhất có thể tổng hợp setContent { MaterialTheme (colors = lightThemeColors) { WithConstraints { constraints, _ -> val boxHeight = with ( DensityAmbient .current) { constraints.maxHeight. toDp () } val boxWidth = with ( DensityAmbient .current) { constr...