[Android] BottomNavigationView의 탭 선택된 효과 최대한 없애기

 

BottomNavigationView를 적용했는데, 탭을 선택하면 위의 사진과 같은 선택 효과가 나타났다.

거슬려서 없애려고 이것저것 시도하다가 방법을 찾아서 포스팅한다. styles.xml 파일에 아래 내용만 추가하면 된다. 없다면 values 폴더에 styles.xml을 만들고 추가하면 된다.

 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="BottomNavigationViewNoRipple" parent="Widget.MaterialComponents.BottomNavigationView">
        <item name="android:itemBackground">@android:color/transparent</item>
        <item name="android:colorControlHighlight">@android:color/transparent</item>
    </style>
</resources>

 

그리고 BottomNavigationView에 적용한다.

 

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/nav_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:menu="@menu/nav_menu"
    style="@style/BottomNavigationViewNoRipple"
    android:background="@color/white"
    app:itemBackground="@null"
    app:itemIconTint="@drawable/menu_selector"
    app:itemTextColor="@drawable/menu_selector"
    app:labelVisibilityMode="labeled"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"/>

 

이렇게 하고 앱을 실행하면 처음에 비해 훨씬 연하게 보인다. 완전히 없애는 것은 불가능하고 그나마 이렇게 덜 신경쓰이도록 만들 수는 있다.