Để 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ínhpainter
được đặt thànhpainterResource()
để tải hình ảnh từ tài nguyên ứng dụng. 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ả nội dung đã dịch từ tệpstrings.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ó](https://developer.android.com/static/quick-guides/content/dog.png?hl=vi)
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:
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=vi)