MaterialButton을 사용하여 둥근 버튼 만들기

기본적으로 자기가 쓴 필기다.

미리 준비하다

인터넷 디자이너가 앱을 디자인할 때 이런 버튼이 자주 나온다.(편견w)
이런 버튼은 2018년까지

"그런 소재 디자인이 아니다"

반박

맥동 효과를 포기하고 selector의drawable를 제작하여 유사한 설치

맞춤형 뷰 제작 및 응원

등등, 실행하기 위해서는 눈물겨운 노력이 필요하다.
하지만 최근 드디어재료 설계에 유사한 개념을 첨가하였다.
이전의 AppCompoatButton뿐만 아니라 MaterialButton과 같은 UI 위젯도 사용할 수 있으며 둥근 단추는 MaterialButton으로 간단하게 실현할 수 있다.

Material Button으로 동그란 버튼 만들기.

        <com.google.android.material.button.MaterialButton
            style="@style/Widget.MaterialComponents.Button.UnelevatedButton"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:layout_gravity="bottom"
            android:text="会員登録"
            android:textAppearance="@style/TextAppearance.MaterialComponents.Button"
            app:backgroundTint="@color/colorPrimary"
            app:cornerRadius="28dp" />

중점으로 삼다

app:cornerRadius에서 높이의 절반 값

을 지정합니다.

style="@style/Widget.MaterialComponents.Button.UnelevatedButton" 지정, 그림자 없음

android:textAppearance="@style/TextAppearance.MaterialComponents.Button" 지정 (또는 Text Apperance 계승)

의 3점.첫 번째는 간단하게 상상할 수 있지만 두 번째와 세 번째를 잘 지정하지 않으면 동그란 버튼을 정확하게 만들 수 없다.(Text Apperance 지정, 없으면 응용 프로그램 충돌 w)

보태다

참고로 이 기사에는 언급되지 않았지만 Text Input Layout필렛 프레임 텍스트 상자도 간단하게 사용할 수 있을 것 같다.
지정style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"하면 되지만 아직 검증이 안 됐으니 확인하고 글을 쓰려고 합니다.