Bạn có thể hỗ trợ nhiều đường liên kết trong một chuỗi văn bản để cung cấp cho người dùng các lựa chọn về nơi họ muốn truy cập và tăng mức độ tương tác.

• Kotlin

Bạn có thể xác thực dữ liệu đầu vào khi người dùng nhập vào trường văn bản, chẳng hạn như nhập tên, email, địa chỉ hoặc thông tin liên hệ khác. Quy trình xác thực này giúp giảm lỗi và tiết kiệm thời gian cho người dùng.

• Kotlin

Để hiển thị hình ảnh trong ứng dụng cho nội dung và để phản hồi các hành động của người dùng, hãy tải hình ảnh từ ổ đĩa hoặc từ một nguồn bên ngoài trên Internet.

• Kotlin

Bạn có thể tạo kiểu cho các phần văn bản để cải thiện khả năng đọc, tăng trải nghiệm tích cực cho người dùng và khuyến khích sự sáng tạo hơn thông qua việc sử dụng màu sắc và phông chữ.

• Kotlin

Tạo một thanh ứng dụng ở trên cùng để giúp người dùng điều hướng và truy cập vào các chức năng trong ứng dụng bằng cách sử dụng thành phần kết hợp TopAppBar.

Cải thiện khả năng hữu dụng và tính thẩm mỹ của ứng dụng bằng cách tuỳ chỉnh cách hiển thị văn bản.

Thẻ cung cấp vùng chứa Material Design cho giao diện người dùng.

Xem cách tạo ảnh động cho các giá trị trạng thái, sử dụng hiệu ứng chuyển đổi, tạo ảnh động cho các thay đổi về chế độ hiển thị hoặc kích thước và hiệu ứng chuyển tiếp bằng cách sử dụng API ảnh động Compose.

Thanh ứng dụng là một vùng chứa ở đầu hoặc cuối màn hình, chứa các tính năng chính và mục điều hướng.

Bạn có thể tạo một biểu tượng để ẩn hoặc hiện mật khẩu dựa trên nút bật/tắt của người dùng để cải thiện tính bảo mật và nâng cao trải nghiệm người dùng.

• Kotlin

Tìm hiểu cách quản lý các thay đổi về cấu hình bàn phím có thể tháo rời.

• Kotlin
• Java

Xem cách sử dụng các API Compose được thiết kế riêng để vẽ văn bản trên canvas. Phần này cho thấy mã để vẽ phông chữ biểu tượng cảm xúc trong hình chữ nhật bo tròn.

Chỉ báo tiến trình cho biết trạng thái của một thao tác.

Bạn có thể tạo trải nghiệm người dùng tương tác và hấp dẫn hơn trong ứng dụng bằng cách tải tệp có thể vẽ để hiển thị hình ảnh động. Hình ảnh động hữu ích cho việc tạo chỉ báo tải, chỉ báo thành công hoặc lỗi, hỗ trợ phát triển trò chơi và nhiều chức năng khác trên giao diện người dùng.

• Kotlin

Hạn chế hướng ứng dụng trên màn hình nhỏ nhưng không hạn chế trên màn hình lớn.

• Java
• Kotlin

Tạo danh sách phân trang để người dùng có thể cuộn để truy cập vào nội dung quá lớn không vừa với một màn hình. Danh sách phân trang theo chiều ngang có thể giúp người dùng di chuyển qua nội dung như hình ảnh, trình chiếu hoặc băng chuyền sản phẩm. Danh sách phân trang theo chiều dọc rất hữu ích cho các ứng dụng có nhiều nội dung mà người dùng có thể cần phải cuộn qua một số lượng lớn mục, chẳng hạn như bài viết.

Bạn có thể vẽ bóng xung quanh vùng được cắt của hình ảnh để hiển thị hình ảnh ở dạng một đoạn video.

• Kotlin

Loạt video này giới thiệu nhiều API Compose, nhanh chóng cho bạn biết những API có sẵn và cách sử dụng các API đó.

Thành phần khối thể hiện trực quan các thực thể phức tạp, thường có biểu tượng và nhãn.

Chọn thành phần phù hợp cho giao diện người dùng và xem cách triển khai thành phần đó trong ứng dụng.

Xây dựng các chương trình kiểm thử Jetpack Compose đầu tiên. Tìm hiểu cách sử dụng cấu phần phần mềm kiểm thử của Compose để viết mã kiểm thử giao diện người dùng, sử dụng quy tắc kiểm thử, trình tìm kiếm và câu nhận định.

Bạn có thể sử dụng nút bật/tắt để cho phép người dùng chọn một trong hai trạng thái.

Quản lý trạng thái của WebView trong các thay đổi về cấu hình.

• Java
• Kotlin

Từ chối các thao tác chạm tay vô tình bằng bút cảm ứng.

• Kotlin
• Java

Nút hành động nổi cho phép người dùng thực hiện một hành động chính trong ứng dụng.

• Kotlin

Cho phép ứng dụng của bạn hỗ trợ trải nghiệm người dùng được tối ưu hoá trên máy tính bảng, thiết bị có thể gập lại và thiết bị ChromeOS.

Hộp thoại hiển thị thông báo bật lên hoặc yêu cầu người dùng nhập thông tin trên một lớp phía trên nội dung chính của ứng dụng.

Bạn có thể quản lý các tập dữ liệu lớn và nội dung động bằng lưới tải lười, giúp cải thiện hiệu suất ứng dụng. Với các thành phần kết hợp lưới tải từng phần, bạn có thể hiển thị các mục trong một vùng chứa có thể cuộn, trải dài trên nhiều cột hoặc hàng.

• Kotlin

Ngăn điều hướng là một trình đơn điều hướng trượt vào.

Xem cách tạo thiết kế phức tạp cho bố cục Compose, tập trung vào giai đoạn bố cục và các quy tắc ràng buộc, bố cục thành phần kết hợp phụ và các phép đo nội tại.

Trang tính dưới cùng hiển thị nội dung phụ ở cuối màn hình.

Khung (scaffold) giúp kết hợp các phần khác nhau của giao diện người dùng, chẳng hạn như thanh ứng dụng và nút hành động nổi, giúp ứng dụng có giao diện nhất quán.

Nút kích hoạt một hành động cụ thể.

Tạo thanh ứng dụng dưới cùng để giúp người dùng điều hướng và truy cập vào các chức năng trong ứng dụng.

• Kotlin

Danh sách cuộn được có thể giúp quản lý tập dữ liệu, tạo thiết kế thích ứng và hỗ trợ điều hướng. Để hiển thị một tập hợp các mục hữu hạn trong ứng dụng, bạn có thể tạo một danh sách có thể cuộn bằng đối tượng sửa đổi `verticalScroll` hoặc `horizontalScroll`.

• Kotlin

Xem xét cách gỡ lỗi vấn đề về hiệu suất trong Jetsnack và cách khắc phục vấn đề đó trong Jetpack Compose. Tìm hiểu lý do việc trì hoãn việc đọc trạng thái bằng cách sử dụng lambda có nghĩa là có thể bỏ qua thành phần.

Thanh trượt phạm vi cho phép người dùng lựa chọn trong một phạm vi các giá trị.

Compose cung cấp cho bạn một cách đơn giản và hiệu quả hơn để tạo danh sách cuộn, sử dụng ít dòng mã hơn so với RecyclerView. Tìm hiểu cách sử dụng bố cục tải lười để tạo danh sách cho phép thêm nội dung vào danh sách theo yêu cầu.

Bạn có thể hiển thị các mục cuộn lồng nhau trong một danh sách để trình bày các bố cục phức tạp, chẳng hạn như danh mục sản phẩm, thư viện nội dung nghe nhìn, nguồn cấp tin tức, v.v. Việc trình bày nội dung theo cách này có thể nâng cao khả năng hữu dụng của ứng dụng, giúp người dùng dễ dàng thao tác hơn.

• Kotlin

Thêm các tính năng hỗ trợ tiếp cận vào ứng dụng. Hãy xem cách tăng phạm vi tiếp cận và tính linh hoạt của ứng dụng mà không tốn nhiều công sức.

Khi sử dụng chỉ báo trang, bạn có thể giúp người dùng hiểu được vị trí hiện tại của họ trong nội dung của ứng dụng, đồng thời cung cấp chỉ báo trực quan về tiến trình.

• Kotlin

Bạn có thể tự động định dạng số điện thoại trong trường văn bản để tiết kiệm thời gian, tăng mức độ tương tác, năng suất và hiệu quả của người dùng.

• Kotlin

Thanh thông báo nhanh hiển thị một thông báo ngắn ở cuối màn hình.

Bạn có thể kết hợp hoặc phủ hình ảnh nguồn để hiển thị hình ảnh được xếp lớp trên canvas. Ví dụ: bạn có thể mô phỏng cách Khung Android tạo biểu tượng ứng dụng bằng cách kết hợp các đối tượng có thể vẽ riêng biệt ở nền trước và nền sau.

• Kotlin

Bạn có thể lọc danh sách các chuỗi dựa trên dữ liệu đầu vào văn bản để tự động cập nhật danh sách dựa trên cụm từ tìm kiếm của người dùng.

• Kotlin

Tìm hiểu cách trạng thái di chuyển qua ứng dụng dựa trên Compose và cách khung có thể tự động cập nhật giao diện người dùng để hiển thị các giá trị mới. Xem cách tạo trạng thái có thể quan sát, cách giữ lại trạng thái trên các lần kết hợp lại hoặc thay đổi cấu hình, cũng như cách tạo cấu trúc cho các thành phần kết hợp để có luồng dữ liệu tối ưu.

Sau khi đã quen với việc làm việc trong Compose, bạn có thể bắt đầu vẽ các thành phần tuỳ chỉnh của riêng mình. Video này trình bày cách bắt đầu vẽ tuỳ chỉnh.

Hãy sử dụng các Hướng dẫn nhanh này để tạo một khung màn hình chính. Khung này có thể giúp màn hình chính của ứng dụng có giao diện nhất quán.

Tìm hiểu cách phần lồng ghép giao tiếp với ứng dụng của bạn về vị trí đặt các phần trang trí hệ thống, cũng như cách API Compose giúp nội dung của bạn tự động di chuyển cùng với các thanh hệ thống, bàn phím phần mềm và thanh tác vụ. Đừng ngại sử dụng chế độ tràn viền!

5 ảnh động nhanh và dễ dàng này có thể giúp ứng dụng của bạn trở nên sống động chỉ trong vài phút. Làm cho ứng dụng Compose của bạn trở nên nổi bật ngay cả khi bạn không có thời gian tìm hiểu mọi thứ cần biết về ảnh động.

Sử dụng thư viện Paging để hỗ trợ danh sách lớn các mục (bao gồm cả danh sách vô hạn) trong ứng dụng bằng cách tải và hiển thị dữ liệu tăng dần. Với tính năng tải từng phần, bạn có thể giảm thời gian tải ban đầu và tối ưu hoá mức sử dụng bộ nhớ, nâng cao hiệu suất.

• Kotlin

Tạo tính tương tác cho ứng dụng bằng cách cho phép người dùng nhập văn bản và các dữ liệu đầu vào khác.

Bạn có thể hiển thị một nút để cho phép người dùng cuộn nhanh đến một điểm cụ thể trong danh sách, giúp tiết kiệm thời gian và tăng mức độ tương tác của người dùng.

• Kotlin

Cuộn thị sai là một kỹ thuật trong đó nội dung nền và nội dung nền trước cuộn ở tốc độ khác nhau. Bạn có thể triển khai kỹ thuật này để nâng cao giao diện người dùng của ứng dụng, tạo ra trải nghiệm linh động hơn khi người dùng cuộn.

• Kotlin

Khám phá các thành phần Lazy của Compose giúp dễ dàng hiển thị danh sách các mục. Tìm hiểu cách hiển thị các loại mục khác nhau và thậm chí là cách triển khai tiêu đề cố định. Xem cách kiểm soát hoặc phản ứng với các thay đổi về vị trí cuộn theo phương thức lập trình.

Duy trì trạng thái RecyclerView trong khi thay đổi cấu hình.

• Kotlin
• Java

Bạn có thể sử dụng danh sách có nhiều loại mục để hiển thị các loại nội dung hỗn hợp như văn bản, hình ảnh và phần tử tương tác.

• Kotlin

Hiển thị và sắp xếp các bộ sưu tập mục một cách hiệu quả bằng danh sách và lưới.

Bạn có thể tạo ảnh động, từng ký tự một, cho giao diện văn bản, để trông giống như hiệu ứng nhập trực tuyến.

• Kotlin

Làm việc với hình ảnh trên màn hình bằng vectơ, bitmap hoặc vẽ trực tiếp bằng canvas trên màn hình.