[Kotlin] AppCompatButton 이미지 넣기 + 버튼 음영 없애기

AppCompatButton 안에 이미지랑 텍스트를 같이 넣어줘야한다.

📌fragment_inhome.xml

- AppCompatButton의 전체 코드

<androidx.appcompat.widget.AppCompatButton
    android:id="@+id/btn_create"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="19dp"
    android:layout_marginTop="27dp"
    android:layout_marginEnd="19dp"
    android:background="@drawable/rectangle_blue"
    android:defaultFocusHighlightEnabled="true"
    android:drawableStart="@drawable/ic_headset"
    android:drawablePadding="-117dp"
    android:fontFamily="@font/applesdcothicneo"
    android:paddingLeft="117dp"
    android:stateListAnimator="@null" //버튼 음영 없애기
    android:text="@string/create"
    android:textColor="@color/white"
    android:textSize="15sp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/rv_popularity" />

 

📌위의 코드 중에서 이미지랑 텍스트 같이 넣고 위치 조절하는 코드 + 버튼 음영 없애는 코드

android:drawableStart="@drawable/ic_headset"
android:drawablePadding="-117dp"
android:text="@string/create"
android:paddingLeft="117dp" 

android:stateListAnimator="@null" //버튼 음영 없애기

drawableStart로 아이콘을 넣어준다.

 

아이콘과 string만 넣었을 경우 이런 형태가 된다

 

여기서 drawablePadding으로 음수값인 -117dp를 설정하면 

이렇게 string값이 왼쪽으로 오게 된다

 

마지막으로 paddingLeft로 117dp를 설정해주면

전체적으로 같이 오른쪽으로 117dp만큼 이동돼서 완벽하게 구현된다.

구현 완료

 

버튼 음영은 stateListAnimator="@null"로 없애주면 된다.

 

 

 

[참고 자료] https://recipes4dev.tistory.com/104

안드로이드 이미지 버튼에 아이콘 이미지 출력하기. (Android Image Button with a Icon Image)

 

[참고자료] https://fimtrus.tistory.com/entry/Android-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%B2%84%ED%8A%BC-%EC%9D%8C%EC%98%81-%EC%A0%9C%EA%B1%B0Remove-button-shadow-on-Android

[Android] 안드로이드 버튼 음영 제거(Remove button shadow on Android)