【Android】＜Kotlin＞ProgressBarで処理中に「くるくる（ローディング）」表示を実装する方法を徹底解説！

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:visibility="gone"
        style="?android:attr/progressBarStyleLarge" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="処理を開始"
            android:layout_centerHorizontal="true"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="100dp"/>
    </RelativeLayout>

</FrameLayout>

class MainActivity : AppCompatActivity() {
    private lateinit var progressBar: ProgressBar

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

        progressBar = findViewById(R.id.progressBar)

        // ボタン押下でローディングを表示
        val button: Button = findViewById(R.id.button)
        button.setOnClickListener {
            showLoading(true)
            performLongTask()
        }
    }

    // ProgressBarの表示・非表示
    private fun showLoading(isLoading: Boolean) {
        progressBar.visibility = if (isLoading) View.VISIBLE else View.GONE
    }

    // 疑似的な長時間処理
    private fun performLongTask() {
        Handler(Looper.getMainLooper()).postDelayed({
            showLoading(false)
        }, 3000)  // 3秒後に非表示
    }
}

fun fetchData() {
    showLoading(true)
    GlobalScope.launch {
        delay(3000)  // 3秒の処理
        withContext(Dispatchers.Main) {
            showLoading(false)
        }
    }
}

<ProgressBar
    android:id="@+id/progressBar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:indeterminateTint="@color/purple_500" />

<ProgressBar
    android:id="@+id/progressBar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    style="?android:attr/progressBarStyleSmall"/>