Tải và hiển thị hình ảnh

Để hiển thị hình ảnh trong ứng dụng cho nội dung và cho các phản hồi đối với 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 những cách sau:

• Từ ổ đĩa
• Từ một mạng lưới sử dụng Coil
• Từ một mạng lưới sử dụng Glide

Kết quả

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

Việc triển khai này yêu cầu bạn đặt minSDK của dự án thành cấp độ API 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ị trong ứng dụng cho nội dung và để phản hồi các hành động của người dùng.

Phần phụ thuộc

Tải hình ảnh

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

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

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

• Một đối tượng Image Compose được xác định có thuộc tính painter được đặt thành painterResource() tải hình ảnh từ tài nguyên ứng dụng.
• Một contentDescription mà TalkBack 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ả đã 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 Coil hoặc Glide. Để chọn thư viện cần 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 hạn chế 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 các coroutine Kotlin, 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. 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

Hãy 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"
)
LoadingImagesSnippets.kt

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 Glide để hiển thị các 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"
)
LoadingImagesSnippets.kt

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 bộ sưu tập Hướng dẫn nhanh được tuyển chọn, bao gồm các mục tiêu phát triển Android rộng hơn:

Hiển thị hình ảnh

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 của bạn.

Tuyển tập hướng dẫn nhanh

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

Truy cập vào trang câu hỏi thường gặp của chúng tôi để tìm hiểu về các hướng dẫn nhanh hoặc liên hệ với chúng tôi để chia sẻ ý kiến của bạn.

Chuyển đến phần Câu hỏi thường gặp Gửi ý kiến phản hồi