วิธีดึง Bitmap จาก URL ในแอป Android

ภาพรวม

ตัวอย่างนี้แสดงวิธีดาวน์โหลดรูปภาพจาก URL และแสดงใน ImageView โดยใช้ AsyncTask เพื่อทำงานใน Background Thread

ขั้นตอนที่ 1: สร้างโปรเจกต์ใหม่

Android Studio → File → New Project

ขั้นตอนที่ 2: Layout (res/layout/activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="8dp"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:orientation="vertical">

        <ImageView
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:layout_gravity="center"
            android:layout_margin="15dp"
            android:src="@drawable/image"/>

    </LinearLayout>

    <ImageView
        android:id="@+id/iMageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:layout_margin="20sp"/>

</LinearLayout>

ขั้นตอนที่ 3: เพิ่มรูปภาพ Placeholder

วางไฟล์รูปภาพใน res/drawable/ ชื่อ image

ขั้นตอนที่ 4: โค้ดหลัก (src/MainActivity.java)

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;
import java.io.IOException;
import java.io.InputStream;

public class MainActivity extends AppCompatActivity {

    Bitmap bitmap;
    ImageView image;
    String urlImage = "https://thumbs.dreamstime.com/z/hands-holding-blue-earth-cloud-sky" +
            "-elements-imag-background-image-furnished-nasa-61052787.jpg";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        image = findViewById(R.id.iMageView);
        new GetImageFromUrl(image).execute(urlImage);
    }

    public class GetImageFromUrl extends AsyncTask<String, Void, Bitmap> {
        ImageView imageView;

        public GetImageFromUrl(ImageView img) {
            this.imageView = img;
        }

        @Override
        protected Bitmap doInBackground(String... url) {
            String stringUrl = url[0];
            bitmap = null;
            InputStream inputStream;
            try {
                inputStream = new java.net.URL(stringUrl).openStream();
                bitmap = BitmapFactory.decodeStream(inputStream);
            } catch (IOException e) {
                e.printStackTrace();
            }
            return bitmap;
        }

        @Override
        protected void onPostExecute(Bitmap bitmap) {
            super.onPostExecute(bitmap);
            if (bitmap != null) {
                imageView.setImageBitmap(bitmap);
            }
        }
    }
}

ขั้นตอนที่ 5: Manifest พร้อมสิทธิ์ INTERNET

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android" package="app.com.sample">
    <uses-permission android:name="android.permission.INTERNET"/>

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

การทดสอบ

รันแอปบนอุปกรณ์จริง - จะดาวน์โหลดและแสดงรูปภาพจาก URL

แนวทางปฏิบัติที่ดีกว่า (Modern Approach)

ปัจจุบันแนะนำให้ใช้ Library เฉพาะทาง เช่น:

• Glide: Glide.with(this).load(url).into(imageView);
• Picasso: Picasso.get().load(url).into(imageView);
• Coil (Kotlin): imageView.load(url)

Library เหล่านี้จัดการ Caching, Memory Management, Placeholder, Error Handling ให้อัตโนมัติ