วิธีแปลงพิกเซลเป็น DP ในแอป Android ด้วย Kotlin

บทนำ

ตัวอย่างนี้แสดงวิธีแปลงค่าพิกเซล (px) เป็น Density-independent Pixels (dp) เพื่อให้ UI แสดงผลสม่ำเสมอในหน้าจอขนาดและความหนาแน่นต่างๆ

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

สร้างโปรเจกต์ Android ใหม่ใน Android Studio

ขั้นตอนที่ 2: Layout (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"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        android:text="Pixel to DP Converter"
        android:textAlignment="center"
        android:textColor="@android:color/holo_green_dark"
        android:textSize="32sp"
        android:textStyle="bold" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Convert Pixels to DPs" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/button"
        android:textAlignment="center"
        android:textColor="#ff0000"
        android:textSize="24sp"
        android:textStyle="bold" />
</RelativeLayout>

ขั้นตอนที่ 3: MainActivity.kt

import android.content.Context
import android.os.Bundle
import android.widget.Button
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
import kotlin.math.roundToInt

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        title = "Pixel to DP"

        val button = findViewById<Button>(R.id.button)
        val textView = findViewById<TextView>(R.id.textView)

        button.setOnClickListener {
            val pixelsOne = 38
            val pixelsTwo = 43
            val context: Context = applicationContext

            val result = buildString {
                appendLine("Convert Pixels to integer DPs value:")
                appendLine("${pixelsOne}px = ${getDPsFromPixels(context, pixelsOne)}dp")
                appendLine("${pixelsTwo}px = ${getDPsFromPixels(context, pixelsTwo)}dp")
                appendLine()
                appendLine("Convert Pixels to exact DPs value:")
                appendLine("${pixelsOne}px = ${getActualDPsFromPixels(context, pixelsOne)}dp")
                appendLine("${pixelsTwo}px = ${getActualDPsFromPixels(context, pixelsTwo)}dp")
            }
            textView.text = result
        }
    }

    private fun getDPsFromPixels(context: Context, pixels: Int): Int {
        val resources = context.resources
        return (pixels / (resources.displayMetrics.densityDpi / 160f)).roundToInt()
    }

    private fun getActualDPsFromPixels(context: Context, pixels: Int): Float {
        val resources = context.resources
        return pixels / (resources.displayMetrics.densityDpi / 160f)
    }
}

ขั้นตอนที่ 4: Manifest

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="com.example.pixeltodp">
    <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>

สูตรการแปลง

dp = px / (densityDpi / 160)

• 160 dpi เป็นค่ามาตรฐาน (mdpi)
• ใช้ densityDpi จาก DisplayMetrics เพื่อคำนวณอัตโนมัติตามอุปกรณ์
• ฟังก์ชัน roundToInt() ใช้สำหรับปัดเศษเป็นจำนวนเต็ม

การประยุกต์ใช้

เหมาะสำหรับการกำหนดขนาด View ด้วยโค้ด (Programmatically) แทนที่จะ Hardcode ค่า dp โดยตรง