[Android/Kotlin] View 모서리 둥글게 만들기 / round 처리 / 곡선 shape

[Android/Kotlin] View 모서리 둥글게 만들기 / round 처리 / 곡선 shape

 

 어플리케이션을 만들다 보면 곡선이 필요한 경우가 생긴다. 처음에는 파워포인트와 같이 도형 기능 같은 것을 지원 할 줄 알았다. 하지만 그정도로 친절하지는 않아서 직접 만들어야 한다고 한다.

 

방법은 간단하다. 원하는 View를 만들고 그 배경을 둥근 그림을 넣어주면 끝이다.

처음에 검색으로 찾아 볼 때에는 View에 적용하려는 생각이었지만 Layout에도 적용이 가능하다.

 

네모난 ContraintLayout과 View를 둥근 모서리로 만들어 줄 것이다.

프로젝트에서 drawable - new - Drawable Resource File 클릭

shape를 하나 생성해준다. test라는 이름으로 생성했다.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <solid android:color="#FFFFFF"/>
    <corners android:bottomRightRadius="10dp"
        android:bottomLeftRadius="10dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp"/>
</shape>

생성한 test의 XML 코드는 위와 같이 간단하게 해준다.

코드가 어렵지 않다. 바꾸고 싶은 옵션이 있으면 간단하게 수정을 진행해서 사용하면 된다.

 

<androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="114dp"
            android:layout_marginStart="10sp"
            android:layout_marginTop="10sp"
            android:layout_marginEnd="10sp"
            android:background="@drawable/test">
</androidx.constraintlayout.widget.ConstraintLayout>

<View
    android:layout_width="match_parent"
    android:layout_height="114dp"
    android:layout_marginStart="10sp"
    android:layout_marginTop="10sp"
    android:layout_marginEnd="10sp"
    android:background="@drawable/test" />

적용하려는 ConstraintLayout과 View에 background 설정을 “@drawable/test”로 변경해서 적용을 시켜준다.

둥근 모서리가 적용이된 모습이다.

이런 방식으로 메뉴를 만들어 활용이 가능할 것이다. 상황이나 서비스에 따라서 위 방법이 적절하지는 못할 수 있지만 간단하게 만들 수 있다는 장점이 있어서 검색 중에 이 방법을 사용했다.