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. Bạn có thể tải hình ảnh theo các cách sau:

  • Từ ổ đĩa
  • Từ một mạng sử dụng Coil
  • Từ mạng bằng Glide

Khả năng tương thích của phiên bản

Phương thức triển khai này yêu cầu bạn phải đặt minSDK của dự án thành API cấp 21 trở lên.

Tải hình ảnh từ ổ đĩa

Bạn có thể tải hình ảnh được lưu trữ cục bộ từ ổ đĩa để hiển thị hình ảnh đó trong ứng dụng cho nội dung và để phản hồi các thao tác của người dùng.

Phần phụ thuộc

Tải hình ảnh

Sử dụng mã sau để tải hình ảnh được lưu trữ cục bộ từ ổ đĩa để hiển thị trong ứng dụng:

Image(
    painter = painterResource(id = R.drawable.dog),
    contentDescription = stringResource(id = R.string.dog_content_description)
)

Các điểm chính về mã

  • Một đối tượng Image đã xác định trong Compose, trong đó thuộc tính painter được đặt thành painterResource() để tải hình ảnh từ tài nguyên ứng dụng.
  • contentDescriptionTalkBack có thể đọc để giúp ứng dụng của bạn dễ tiếp cận hơn.
  • stringResource() để tải nội dung mô tả nội dung đã dịch từ tệp strings.xml.

Tải hình ảnh qua mạng

Bạn có thể tải hình ảnh được lưu trữ bên ngoài trên Internet bằng cách sử dụng Coil hoặc Glide. Để chọn thư viện sử dụng cho dự án, hãy cân nhắc các yếu tố như yêu cầu của dự án và các quy tắc ràng buộc về hiệu suất.

Tải hình ảnh bằng Coil

Bạn có thể tải hình ảnh từ Internet bằng Coil, một thư viện của bên thứ ba. Coil được hỗ trợ bởi coroutine Kotlin và chịu trách nhiệm tải hình ảnh ra khỏi luồng chính, đồng thời hiển thị hình ảnh sau khi tải. Hãy làm theo hướng dẫn này để tải hình ảnh từ Internet bằng Coil.

Phần phụ thuộc

Tải hình ảnh

Sử dụng mã sau để tải hình ảnh bằng Coil:

AsyncImage(
    model = "https://example.com/image.jpg",
    contentDescription = "Translated description of what the image contains"
)

Tải hình ảnh bằng Glide

Bạn có thể tải hình ảnh được lưu trữ bên ngoài trên Internet bằng cách sử dụng Glide để hiển thị hình ảnh đó trong nguồn cấp dữ liệu của ứng dụng. Glide là một thư viện tải hình ảnh nhanh và hiệu quả cho Android, tập trung vào khả năng cuộn mượt mà, đồng thời chịu trách nhiệm tải hình ảnh ra khỏi luồng chính và hiển thị hình ảnh sau khi tải.

Phần phụ thuộc

Tải hình ảnh

Sử dụng mã sau để tải hình ảnh bằng Glide:

GlideImage(
    model = "https://example.com/image.jpg",
    contentDescription = "Translated description of what the image contains"
)

Kết quả

Hình ảnh một chú chó
Hình 1. Hình ảnh được tải và hiển thị.

Các bộ sưu tập chứa hướng dẫn này

Hướng dẫn này là một phần của các bộ sưu tập Hướng dẫn nhanh được tuyển chọn này, bao gồm các mục tiêu phát triển Android rộng hơn:

Khám phá các kỹ thuật sử dụng hình ảnh tươi sáng, bắt mắt để mang lại giao diện đẹp mắt cho ứng dụng Android.

Bạn có câu hỏi hoặc ý kiến phản hồi

Hãy truy cập vào trang câu hỏi thường gặp để tìm hiểu về các hướng dẫn nhanh hoặc liên hệ với chúng tôi để cho chúng tôi biết suy nghĩ của bạn.