Mẫu
Hỗ trợ nhiều đường liên kết trong một chuỗi văn bản
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
Xác thực dữ liệu đầu vào khi người dùng nhập
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
Tải và hiển thị hình ảnh
Để 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
Tạo kiểu cho các phần văn bản
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
Hiển thị thanh ứng dụng trên cùng
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.
Văn bản hiển thị
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.
Ảnh động trong Compose
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.
Hiển thị thanh ứng dụng
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.
Hiện hoặc ẩn mật khẩu dựa trên nút bật/tắt của người dù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
Quản lý các thay đổi về cấu hình bàn phím có thể tháo rời
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
Vẽ văn bản trong Compose
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.
Hiển thị hình ảnh động
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 điện thoại, nhưng không phải hạn chế trên thiết bị có màn hình lớn
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
Hiển thị danh sách phân trang
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.
Hiển thị hình ảnh được cắt thành một hình dạng
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
Kiến thức cơ bản về Compose
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 đó.
Tạo khối để biểu thị các thực thể phức tạp
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.
Hiển thị các thành phần tương tác
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.
Kiểm thử trong Compose
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.
Thêm một nút chuyển mà người dùng có thể bật/tắt
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.
Từ chối thao tác chạm bằng bút cảm ứng
Từ chối các thao tác chạm tay vô tình bằng bút cảm ứng.
- Kotlin
- Java
Tạo nút hành động nổi (FAB)
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
Tối ưu hoá cho màn hình lớn
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.
Hiển thị thông báo bật lên hoặc yêu cầu người dùng nhập dữ liệu
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.
Tạo lưới có thể cuộn
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
Tạo trình đơn trượt vào bằng thành phần ngăn điều hướng
Ngăn điều hướng là một trình đơn điều hướng trượt vào.
Bố cục nâng cao trong Compose
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.
Tạo một thành phần giàn giáo để giữ giao diện người dùng lại với nhau
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.
Hiển thị thanh ứng dụng ở dưới cùng
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
Tạo danh sách có thể cuộn có giới hạn
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
Gỡ lỗi quá trình kết hợp lại trong Compose
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.
Tạo thanh trượt cho một dải giá trị
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ị.
Danh sách lazy trong Compose
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.
Hiển thị các mục cuộn lồng nhau trong danh sách
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
Hỗ trợ tiếp cận trong Compose
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.
Thêm chỉ báo trang tuỳ chỉnh
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
Tự động định dạng số điện thoại trong trường văn bản
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
Tạo thông báo bằng thanh thông báo nhanh
Thanh thông báo nhanh hiển thị một thông báo ngắn ở cuối màn hình.
Hiển thị hình ảnh được xếp lớp trên canvas
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
Lọc danh sách trong khi nhập
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
Trạng thái trong Compose
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.
Giới thiệu về tính năng vẽ trong Compose
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.
Tạo một giàn đỡ màn hình 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.
Phần lồng ghép trong Compose
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 trong Compose
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.
Tải dữ liệu theo từng phần bằng danh sách và tính năng Phân trang
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
Yêu cầu người dùng nhập dữ liệu
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.
Tạo nút để bật tính năng cuộn nhanh
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
Tạo hiệu ứng cuộn theo hiệu ứng thị giác
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
Danh sách trong Compose
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.
Quản lý trạng thái RecyclerView
Duy trì trạng thái RecyclerView trong khi thay đổi cấu hình.
- Kotlin
- Java
Tạo danh sách bằng nhiều loại mục
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ị danh sách hoặc lưới
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.
Tạo hiệu ứng động cho giao diện văn bản theo từng ký tự
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
Hiển thị hình ảnh
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.