[Android/Kotlin] ImageView 모서리 둥글게 만들기

[Android/Kotlin] ImageView 모서리 둥글게 만들기

 

이쁜 디자인을 위해서 ImageView를 둥글게 만들어 보겠습니다. 뭐든 방법은 다양하고 정답은 없습니다.

 

아이디가 각각 test01, test02, test03인 ImageView가 존재합니다.

프로젝트에서 drawable - new - Drawable Resource File 을 클릭합니다.

imageraius라는 이름으로 shape를 생성합니다. (radius라고 쓰려다 오타남)

 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="10dp"/>
</shape>

생성한 drawable에 다음과 같이 입력해줍니다.

 

private val test001: ImageView by lazy {
	findViewById<ImageView>(R.id.test01)
}
private val test002: ImageView by lazy {
	findViewById<ImageView>(R.id.test02)
}
private val test003: ImageView by lazy {
	findViewById<ImageView>(R.id.test03)
}

코드에서 ImageView ID를 선언해줍니다.

 

val drawable = resources.getDrawable(R.drawable.imageraius,theme)

생성한 drawable도 선언합니다.

 

test001.background = drawable
test001.clipToOutline = true
test002.background = drawable
test002.clipToOutline = true
test003.background = drawable
test003.clipToOutline = true

그리고 다음과 같이 코드를 작성해주면 끝입니다.

 

위 : 적용 전 / 아래 : 적용 후

kotlin 마크 흰색은 왜 없어진지 모르겠지만 ImageView에 모서리가 없어진 모습을 볼 수 있습니다.