커스텀 UI 꾸미기

기본 textview 등은 테두리가 없어서 잘 안보인다. 그리고 꾸미는 용도를 위해서도 커스텀 UI를 꾸밀 필요가 있다. 

WPF와 방식은 비슷하다. 

 

1. 스타일 xml을 만든다

2. UI 백그라운드에 해당 xml을 바인딩 한다. 

 

1. style xml만들기

    - 프로젝트 창 마우스 우클릭 -> android resource file -> Resource type 를 drawable로 선택

       root element에는 selector입력

 

2. 내용 작성 예

    - 검은색 테두리가 있고, 라운드 처리 되어 있는 스타일

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="false" android:state_pressed="false">
        <shape>
            <stroke android:color="@color/black" android:width="1dp"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
</selector>

 

3. UI 바인딩

    - UI 선택 -> attribute 에서 backbround 선택 -> 위에서 저장한 xml을 바인딩 건다.
       바인딩 거는법은 : https://dean83.tistory.com/78?category=1088161  1.  UI 디자인 화면에서 참조