Cuvva tạo bản dựng nhanh hơn và chất lượng cao hơn bằng Compose
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.
Cuvva đang cải thiện đáng kể dịch vụ bảo hiểm bằng cách cung cấp cho bạn một cách thức thực sự linh hoạt để quản lý phạm vi bảo hiểm, tất cả đều có trên điện thoại.
Các kỹ sư Android tại Cuvva đã dành thời gian tái cấu trúc ứng dụng của họ và quyết định áp dụng luồng dữ liệu một chiều và Jetpack Compose. Nhờ đó, họ có thể chuyển từ hệ thống thiết kế dựa trên View tuỳ chỉnh (chậm hơn và khó làm việc hơn, cũng như ít dự đoán được hơn trên các phiên bản Android cũ) sang hệ thống thiết kế dựa trên Compose.
Những việc họ đã làm
Nhóm Cuvva đã tạo các thành phần thiết kế mới từ đầu, sau đó sử dụng các API khả năng tương tác để đặt các thành phần kết hợp bên trong bố cục hiện có và theo thời gian, thay thế các màn hình dựa trên Khung hiển thị và tạo màn hình mới bằng Compose. "Chúng tôi nhận thấy Compose cho phép chúng tôi tạo các thành phần thiết kế mới từ đầu nhanh hơn nhiều và tốn ít thời gian hơn để tìm cách giải quyết vấn đề quản lý trạng thái hoặc phân mảnh. Sau khi chúng tôi xây dựng được một thư viện đủ lớn gồm các thành phần này, việc phát hành một màn hình mới trở nên rất nhanh chóng và chắc chắn đã giúp chúng tôi làm việc hiệu quả hơn.”
Kết quả
Compose giúp họ tạo ứng dụng có chất lượng cao hơn một cách nhanh chóng: "Tốc độ tổng hợp tính năng mới mà Compose mang lại đồng nghĩa với việc chúng tôi có thể lặp lại nhanh chóng hơn, cung cấp trải nghiệm có chất lượng cao hơn cho khách hàng theo cách nhanh hơn bao giờ hết."
Với Compose, số dòng bạn cần viết (và do đó là đọc, hiểu và duy trì) sẽ giảm: "chúng tôi rất hài lòng khi thấy cần viết rất ít dòng mã khi phải tạo danh sách hoặc ảnh động trong ứng dụng. Compose chắc chắn đã giảm đáng kể số dòng mã cần thiết để tạo giao diện người dùng của chúng tôi".
Dễ dàng triển khai các thành phần tuỳ chỉnh: "Chúng tôi đã tạo một thành phần mặt số tròn để cho khách hàng biết điểm số lái xe của họ. Việc tạo hiệu ứng động cho tiến trình và màu sắc bằng Compose dễ dàng hơn nhiều và thú vị hơn so với trước đây. Việc tuỳ chỉnh mọi thứ, cho dù đó là các thành phần mới hay thay đổi hành vi của các thành phần hiện có, đều dễ dàng hơn nhiều trong Compose".
Bắt đầu
Tìm hiểu thêm về Compose (Soạ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: 2021-07-28 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: 2021-07-28 UTC."],[],[],null,["[Cuvva](https://www.cuvva.com/) is making insurance radically better\nby giving you a truly flexible way to manage your cover, all from your phone.\nThe Android engineers at Cuvva got to spend some time re-architecting their app\nand decided to adopt a unidirectional data flow and Jetpack Compose. That way\nthey could **move away from their custom View based design system**, which was\nslower and harder to work with, and less predictable on older versions of\nAndroid.\n\nWhat they did\n\nThe Cuvva team created new design components from scratch, then used the\ninteroperability APIs to place Composables inside existing layouts and, with\ntime, replace View-based screens and build new screens with Compose. *\"We found\nthat Compose lets us create new design components from scratch **much more\nrapidly** and spend less time trying to work around state management or\nfragmentation. Once we had built up a large enough library of these components,\nshipping a new screen became very fast, and it has definitely helped us to be\nmore productive.\"*\n\nResults\n\nCompose allowed them to build a higher quality app faster: *\"The speed at which\nCompose allows us to put together a new feature means **we can iterate more\nrapidly, providing a higher-quality experience** for our customers faster than\nbefore.\"*\n\nWith Compose the number of lines you need to write, and therefore read,\nunderstand, and maintain, decreases: *\"we were very pleased to see how few lines\nwere required to create lists or animations in our app. Compose has definitely\n**dramatically reduced the number of lines of code** required to build our UI.\"*\n\nCustom components are easier to implement: *\"We created a circular dial\ncomponent which is used to show customers their driving score. **Animating** its\nprogress and colours with Compose was **far easier and a lot more fun** than it\nwould have been previously. Doing anything custom, whether that's new\ncomponents or changing the behaviour of existing ones, is far easier in\nCompose.\"*\n\nGet started\n\nLearn more about [Compose](/jetpack/compose)."]]
