วิธีใช้ไลบรารี Picasso โหลดรูปภาพใน Android ด้วย Kotlin

ภาพรวม

Picasso เป็นไลบรารียอดนิยมสำหรับดาวน์โหลดและแสดงรูปภาพจากอินเทอร์เน็ตใน Android อย่างมีประสิทธิภาพ รองรับแคชING การปรับขนาด และการจัดการข้อผิดพลาดอัตโนมัติ

ขั้นตอนที่ 1: เพิ่ม Dependency

ในไฟล์ build.gradle (Module: app) เพิ่มบรรทัดต่อไปนี้ในส่วน dependencies:

implementation 'com.squareup.picasso:picasso:2.71828'

หมายเหตุ: ใช้เวอร์ชันล่าสุดแทน 2.4.0 ที่ล้าสมัย

ขั้นตอนที่ 2: ออกแบบเลเอาต์ (activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingBottom="4dp"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/btnDownload" />

    <Button
        android:id="@+id/btnDownload"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="Download Image"
        android:textAlignment="center" />

</RelativeLayout>

ขั้นตอนที่ 3: เขียนโค้ดหลัก (MainActivity.kt)

import android.os.Bundle
import android.widget.Button
import android.widget.ImageView
import androidx.appcompat.app.AppCompatActivity
import com.squareup.picasso.Picasso

class MainActivity : AppCompatActivity() {
    private lateinit var imageView: ImageView
    private lateinit var btnDownload: Button

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        title = "KotlinApp"

        imageView = findViewById(R.id.imageView)
        btnDownload = findViewById(R.id.btnDownload)

        btnDownload.setOnClickListener {
            Picasso.get() // ใช้ get() แทน with(context) ในเวอร์ชันใหม่
                .load("https://images.unsplash.com/photo-1555083892-97490c72c90c?ixlib=rb-1.2.1&w=1000&q=80")
                .placeholder(R.drawable.placeholder) // รูประหว่างโหลด (ถ้ามี)
                .error(R.drawable.error_image) // รูปเมื่อโหลดล้มเหลว (ถ้ามี)
                .into(imageView)
        }
    }
}

ขั้นตอนที่ 4: กำหนดสิทธิ์อินเทอร์เน็ต (AndroidManifest.xml)

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="com.example.q11">

    <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>

คุณสมบัติเด่นของ Picasso

• แคชING อัตโนมัติ - เก็บรูปภาพในหน่วยความจำและดิสก์
• การจัดการขนาด - .resize(width, height), .fit(), .centerCrop()
• Placeholder & Error handling - แสดงรูปสำรองขณะโหลดหรือล้มเหลว
• Transformation - รองรับการปรับแต่งรูปภาพ เช่น วงกลม, โค้งมุม