如何解决如何使BottomNavigationView项目背景透明
我想要一个底部带有一个 FAB 的底部导航视图。 我将我的 BottomNavigatonView 包裹在一个 BottomAppBar 中。
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".ui.home.HomeActivity">
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.google.android.material.appbar.MaterialToolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:backgroundTint="@color/toolbarandBottomBarColor"
app:contentInsetStart="0dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:backgroundTint="@android:color/transparent">
<ImageView
android:id="@+id/imageViewDrawerMenu"
android:layout_width="32dp"
android:layout_height="32dp"
android:layout_marginStart="16dp"
android:backgroundTint="@android:color/transparent"
android:src="@drawable/ic_drawer_menu"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:tint="@color/primaryYellow" />
<com.google.android.material.textview.MaterialTextView
android:id="@+id/textViewTitle"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_marginStart="8dp"
android:backgroundTint="@android:color/transparent"
android:gravity="center"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toEndOf="@id/imageViewDrawerMenu"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:text="Home" />
</androidx.constraintlayout.widget.ConstraintLayout>
</com.google.android.material.appbar.MaterialToolbar>
</com.google.android.material.appbar.AppBarLayout>
<include
layout="@layout/content_home"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="?attr/actionBarSize"
android:layout_marginBottom="?attr/actionBarSize" />
<com.google.android.material.bottomappbar.BottomAppBar
android:id="@+id/bottomAppBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
app:backgroundTint="@color/toolbarandBottomBarColor"
app:contentInsetEnd="0dp"
app:contentInsetStart="0dp"
app:fabAlignmentMode="center"
app:fabCradleMargin="10dp"
app:fabCradleRoundedCornerRadius="16dp">
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomNavigationView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
app:itemIconSize="32dp"
app:itemIconTint="@color/primaryYellow"
app:labelVisibilityMode="unlabeled"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:menu="@menu/navigation_bottom_menu" />
</com.google.android.material.bottomappbar.BottomAppBar>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fabAdd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_add"
app:backgroundTint="@color/toolbarandBottomBarColor"
app:layout_anchor="@id/bottomAppBar"
app:tint="@color/primaryYellow" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
我什至在 Activity 中将 bottomNavigationView 背景设置为 null
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import com.appedia.birthdays.R
import kotlinx.android.synthetic.main.activity_home.*
import kotlinx.android.synthetic.main.toolbar_home.*
class HomeActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_home)
bottomNavigationView.background = null
}
}
将 android:background
的 BottomNavigationView
属性更改为任何其他颜色确实会生效。但是图标周围的区域仍然是黑色的。
如果我更新 itemBackground
的值,它会改变。但是我尝试将此属性设置为 @android:color/transparent
但它仍然不起作用。
解决方法
展示FAB摇篮:
您需要将 backgroundColor to transparent
和 elevation to 0dp
添加到 BottomNavigationView
。
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomNavigationView"
...
android:background="@android:color/transparent"
app:elevation="0dp"
... />
要更改 BottomNavigationView
的背景颜色:
您需要创建一个具有 drawable_selector.xml
的 android:state_checked
文件。
确保在选择器文件中使用 android:drawable
。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/colorAccent" android:state_checked="true" />
<item android:drawable="@color/colorAccentDark" />
</selector>
将该 drawable 与 app:itemBackground
的 BottomNavigationView
一起使用
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomNavigationView"
...
app:itemBackground="@drawable/drawable_selector"
... />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。