안드로이드 선 추가하기

안드로이드 앱을 사용하다보면 기사나 댓글 화면에는 여러 개의 아이템을 구분짓기 위해서 빨간 상자로 표시한 것처럼 선을 사용한다.

 

저렇게 단순한 선 정도는 따로 그림 파일을 가져올 필요 없고 안드로이드에서 만들어 줄 수 있다. XML 파일로 만들면 된다. 선을 표현하는 방법은 다양하게 있는데 가장 쉬운 방법은 View 클래스에 백그라운드 컬러색을 넣고 가로와 세로 영역을 잡아주는 방법이 있다.

 

하지만 나는 귀찮더라도 resource에 파일을 추가해서 간단히 세로가 짧은 사각형을 만드는 것으로 구현 해봤다. 

 

1. 코드

 

line_sample.xml

<shape
    android:shape="rectangle"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#000000" />
</shape>

 

위 리소스 파일은 그냥 검은색 사각형이다. 이 검은색 사각형을 실제 화면 뷰를 담당하는 XML 파일에 가로영역을 길게하고 세로 영역을 짧게 하면 선처럼 보이게 된다. 아래 코드처럼 ImageView에 넣어도 되고 아니면 View 클래스에 넣어도 괜찮다.

 

<ImageView
        android:src="@drawable/line_sample"
        android:layout_width="match_parent"
        android:layout_height="5dp"
        android:layout_margin="20dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        />

 

적용하면 아래처럼 정중앙을 관통하는 선이 하나 생긴다.

 

 

2. 확장 

 

리소스 파일의 property 값을 수정해 선의 가장자리를 더 둥글게 만들 수 있다. 실제로 꼭지점에 radius값을 넣어준 사각형을 만드는 것과 동일한 원리다. 코드에 한줄만 추가하면 된다.

 

<shape
    android:shape="rectangle"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="10dp"/>
    <solid android:color="#000000" />
</shape>

 

 그 결과 아래 그림처럼 양끝이 둥근 선이 만들어졌다.