[kotlin] 이미지 및 미디어 컨트롤을 위한 Material Components 사용 방법

20 Dec 2023

kotlin

안녕하세요! 이번에는 Material Components를 사용하여 이미지 및 미디어를 효과적으로 제어하는 방법에 대해 알아보겠습니다.

이미지 보여주기

Material Components를 사용하면 이미지를 효과적으로 표시할 수 있습니다. 아래의 Kotlin 코드를 통해 이미지를 보여주는 간단한 방법을 살펴보겠습니다.

import com.google.android.material.imageview.ShapeableImageView
import com.google.android.material.shape.CornerFamily
import com.google.android.material.shape.ShapeAppearanceModel

val imageView = findViewById<ShapeableImageView>(R.id.image_view)
val radius = resources.getDimension(R.dimen.image_corner_radius)
val shapeAppearanceModel = ShapeAppearanceModel().toBuilder().setAllCorners(CornerFamily.ROUNDED, radius).build()
imageView.shapeAppearanceModel = shapeAppearanceModel

이 코드는 ShapeableImageView를 사용하여 이미지를 원하는 모양으로 나타내는 방법을 보여줍니다.

미디어 컨트롤하기

Material Components를 사용하면 미디어를 효과적으로 제어할 수 있습니다. 아래의 Kotlin 코드를 통해 미디어를 컨트롤하는 간단한 방법을 살펴보겠습니다.

import com.google.android.material.button.MaterialButton
import android.media.MediaPlayer

val mediaPlayer = MediaPlayer.create(this, R.raw.audio_file)
val playButton = findViewById<MaterialButton>(R.id.play_button)

playButton.setOnClickListener {
    if (mediaPlayer.isPlaying) {
        mediaPlayer.pause()
        playButton.text = "Play"
    } else {
        mediaPlayer.start()
        playButton.text = "Pause"
    }
}

이 코드는 MaterialButton을 사용하여 미디어를 재생하거나 멈추는 방법을 보여줍니다.

결론

이제 여러분은 Material Components를 사용하여 이미지 및 미디어를 효과적으로 제어하는 방법을 알게 되었습니다. 이러한 방법을 응용하면 더 멋진 사용자 인터페이스를 만들 수 있습니다.

더 많은 정보를 원하시면 Material Design guidelines를 참고해 보세요. 감사합니다!