KotlinでAndroidアプリのピクセル（px）をdpに変換する方法【コード例付き】

この記事では、Kotlinを使ってAndroidアプリでピクセル（px）をdp（密度非依存ピクセル）に変換する方法を、実際のコード例とともにステップごとに解説します。

ピクセル（px）とdpの違い

Android端末は画面密度（dpi）が機種ごとに異なるため、ピクセル値をそのままレイアウトに使うと、端末によって表示サイズが変わってしまいます。dpは画面密度の差を吸収する単位で、dpでサイズを指定すれば、どの端末でもほぼ同じ見た目を実現できます。

pxからdpへの変換は、次の式で行います。

dp = px ÷ (densityDpi ÷ 160)

実装手順

ステップ1：新規プロジェクトを作成する

Android Studioを起動し、「File」→「New Project」を選択して、必要な項目をすべて入力し、新しいプロジェクトを作成します。

ステップ2：activity_main.xmlにレイアウトを追加する

res/layout/activity_main.xmlに以下のコードを記述します。変換を実行するボタンと、結果を表示するTextViewを配置しています。

<?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="Tutorials Point"
        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に変換処理を追加する

src/MainActivity.ktに以下のコードを記述します。整数に丸めたdp値と、小数部を含む正確なdp値の2種類の変換結果を画面に表示します。

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 = "KotlinApp"
        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
            textView.text = """
            Convert Pixels to integer DPs value:
            ${pixelsOne}pixels = ${getDPsFromPixels(context, pixelsOne)}dp
            ${pixelsTwo}pixels = ${getDPsFromPixels(context, pixelsTwo)}
            """.trimIndent()
            textView.text = (textView.text.toString() + "Convert Pixels to perfect DPs value: \n"
            + pixelsOne + "pixels = " + getActualDPsFromPixels(context, pixelsOne)
            + "dp\n" + pixelsOne + "pixels = " + getActualDPsFromPixels(context, pixelsOne))
        }
    }

    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：AndroidManifest.xmlを確認する

androidManifest.xmlに以下のコードを記述します。

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

アプリを実行する

それでは、アプリを実行してみましょう。実機のAndroid端末をパソコンに接続していることを前提に説明します。Android Studioでプロジェクト内のアクティビティファイルを開き、ツールバーの実行アイコンをクリックしてください。

デバイス選択画面で接続したモバイル端末を選んで実行すると、端末でアプリが起動し、初期画面が表示されます。

ボタンをタップすると、38pxと43pxをdpに変換した結果が画面に表示されます。整数に丸めた値と小数部まで含む正確な値の両方を確認できるため、変換ロジックの理解にも役立ちます。