Android의 버튼 UI를 둥글고 싶습니다.

3320 단어 안드로이드
화면 디자인 자료를 받았을 때, 버튼 UI가 모퉁이로 테두리가 붙어 있었기 때문에, 다음과 같은 대응을 실시했다.

리소스 layout

우선 layout 파일에 Button을 배치.
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        android:textColor="#ffffffff"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

리소스 drawable

다음에 shape를 사용한 drawable 파일을 작성.

button_style.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="10dip" />
    <solid android:color="#ff262626" />
    <stroke
        android:width="1dp"
        android:color="#ffffffff" />
</shape>

작성한 drawable을 layout에 적용

Button의 background 속성에 작성한 drawable를 설정한다.
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        android:textColor="#ffffffff"
        android:background="@drawable/button_style"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

이미지

좋은 웹페이지 즐겨찾기