[베다니 도서관] 6. UI와 아이콘

1. UI 적용하기

UI를 xml에서 작성한 후 각각 적용하기만 하면 된다. 가령 버튼에 모서리가 둥근 파란색 UI로 만들고 싶다면

button.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid
        android:color="@color/colorSkyBlue" />

    <corners
        android:bottomRightRadius="40dp"
        android:bottomLeftRadius="40dp"
        android:topLeftRadius="40dp"
        android:topRightRadius="40dp"/>
    <padding
        android:left="1dip"
        android:top="1dip"
        android:right="1dip"
        android:bottom="1dip" />
</shape>

위의 파일을 res/drawble 에 만들어 저장하고 적용하고자 하는 레이아웃 UI에

android:background="@drawable/button"

만 적용해주면 끝난다.


2. Icon 만들기

사용하고자 하는 아이콘 이미지를 준비한다. (해상도 설정은 정확히 어떻게 하는지 잘 모르겠다. 디자인의 영역 같은데, 나중에 알아봐야겠다.)

이제 이 이미지를 안드로이드 스튜디오에 적용하기만 하면 된다. res 파일을 우클릭 후

이 루트로 들어가서 적용하기만 하면 끝.