[챕터 2-2-3] Drawable 2

[챕터 2-2-2] Drawable 1 에 이어서 계속 진행됨

 

결과화면

레이아웃 배경에 그라데이션 백그라운드가 적용

 

 

---

res/drawable : New - Drawable resource file 

rect_drawable.xml

 

---

res/drawable

rect_drawable.xml

 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <size android:width="200dp" android:height="120dp" />
    <stroke android:width="1dp" android:color="#0000ff" />
    <solid android:color="#aaddff" />
    <padding android:bottom="1dp" />
</shape>

 

---

버튼 생성 후 background 이미지에 위에서 만든

rect_drawable 지정

 

---

res/drawable

back_drawable.xml

 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient android:startColor="#7288DB"
        android:centerColor="#3250B4"
        android:endColor="#254095"
        android:angle="90"
        android:centerY="0.5" />
    <corners android:radius="2dp"/>
</shape>

 

---

제약 레이아웃의 백그라운드를 위에서 만든 백그라운드 디자인 적용