728x90
반응형
Android는 XML 에서 디자인을 할 수 있습니다.
Drag & Drop 으로 쉽게 만들 수 있지만 정확한 값을 입력하기엔 더 번거로워 질 수 있습니다.
간단하게 버튼 디자인을 해보겠습니다.
일반적인 버튼입니다.
사각형의 디자인으로 정말 밋밋합니다.
<Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="LOGIN"/> | cs |
버튼에 Radius 값을 넣어서 둥글고 이쁘게 만들어 보겠습니다.
res -> drawable 안에 새로운 XML을 만들어 줍니다.
이름은 편한이름으로 주면 됩니다.
버튼이 클릭되었거나, 비활성화 되었을 때가 있기때문에 selector로 만들어 주겠습니다.
item 은 각각의 상태를 정해줄수 있습니다.
item 안에 shape를 만들어 준다음 corners 로 버튼의 Radius 값을 정해줍니다.
solid 로 버튼의 색상을 지정합니다.
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <corners android:radius="20dp"></corners> <solid android:color="@color/colorBlue"></solid> </shape> </item> </selector> | cs |
위에 만든 xml 을 설정해주면 상태에 따라 변화하게 됩니다.
<Button android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/btn_blue" android:text="LOGIN"/> | cs |
간단하게 버튼에 Radius 값과 색상을 넣어 멋지게 만들어줬습니다.
728x90
반응형
'프로그래밍 > Android' 카테고리의 다른 글
| Google Play Console 개발자 등록 (4) | 2019.04.02 |
|---|---|
| [Kotlin] EditText addTextChangedListener 람다 (0) | 2019.03.21 |
| [Kotlin] Firebase com.google.android.gms:play-services-measurement-base is being requested by various other libraries 오류 (0) | 2019.03.19 |
| [Kotlin] Firebase Email 회원가입, 로그인, 로그아웃 (0) | 2019.03.19 |
| [Kotlin] Firebase Google 로그인 (4) | 2019.03.19 |