Mobile Front/Android(kotlin)

BottomNavigationView의 transparent 문제 (투명하게 하면 화면상 종이 같은게 떠다니는 문제)

koh1018 2021. 1. 11. 12:06
반응형

xml 에서 속성에

android:background="@android:color/transparent" 을 추가하면 background가 투명하게 된다.

 

근데 이를 BottomNavigationView에 똑같이 적용했을 때 발생하는 이상한 문제점이 있었다.

 

BottomNavigationView의 transparent 시 발생한 문제

위 사진과 같이 종이 같은 것이 뒤에 떠있는 문제였다.

 

이를 해결하기 위해서는 @android:color/transparent 를 사용하지 않고 새로 xml 파일을 만들어 그 xml파일을 적용시키면 된다.

 

우선, drawable 폴더에 Root element가 shape인 xml 파일 background_transparent.xml을 만든다.

<?xml version="1.0" encoding="utf-8"?> 
<shape 
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:padding="10dp"
  android:shape="rectangle" >

  <solid android:color="#00000000" />

</shape>

background_transparent.xml

 

그리고 BottomNavigationView의 속성에

android:background="@drawable/background_transparent" 을 추가하면 해결된다.

 

문제가 해결된 모습

반응형