如何解决无法点击 FAB 按钮的下半部分与 CustomBottomNavigationBar 结合
我创建了一个自定义底部导航栏(遵循以下建议:https://stackoverflow.com/a/53865195/7669960) 布局按我的预期显示,但我仍然无法点击 fab 按钮的下半部分。
这是我的布局代码:
<RelativeLayout
android:id="@+id/coordinator_layout"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.15"
android:background="@color/grey_background"
android:orientation="vertical">
<nvlan.solocoding.exercisetraining.main.CustomBottomNavigationView
android:id="@+id/custom_bottom_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:elevation="0dp"
app:itemTextColor="@color/bottom_nav_color"
app:itemIconTint="@color/bottom_nav_color"
tools:targetApi="lollipop" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
app:backgroundTint="@color/bottom_navigation_pressed"
android:id="@+id/map_button"
android:layout_width="@dimen/_48sdp"
android:layout_height="@dimen/_48sdp"
android:layout_alignParentTop="true"
android:layout_centerInParent="true"
android:layout_marginBottom="@dimen/_15sdp"
android:clickable="true"
android:elevation="@dimen/_2sdp"
android:contentDescription="@string/map"
android:focusable="true"
tools:targetApi="lollipop" />
</RelativeLayout>
我正在使用海拔,可点击但它仍然无法正常工作。有什么方法可以实现这个想法,我可以完全点击 FloatingActionButton 吗?
解决方法
像这样设计它,其中 <nvlan.solocoding.exercisetraining.main.CustomBottomNavigationView>
位于内部布局中。这通常是因为当我们使用第三方库时,它们在使用核心 android 组件时可能无法很好地交互。
因此,使用此类组件的安全方法是将它们包装在不同的布局中,这样它们就不会出现在相同的布局层次结构级别中。
<RelativeLayout
android:id="@+id/coordinator_layout_outer"
android:layout_width="match_parent"
android:layout_height="match_parent"
<RelativeLayout
android:id="@+id/coordinator_layout"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.15"
android:background="@color/grey_background"
android:orientation="vertical">
<nvlan.solocoding.exercisetraining.main.CustomBottomNavigationView
android:id="@+id/custom_bottom_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:elevation="0dp"
app:itemTextColor="@color/bottom_nav_color"
app:itemIconTint="@color/bottom_nav_color"
tools:targetApi="lollipop" />
</RelativeLayout>
<com.google.android.material.floatingactionbutton.FloatingActionButton
app:backgroundTint="@color/bottom_navigation_pressed"
android:id="@+id/map_button"
android:layout_width="@dimen/_48sdp"
android:layout_height="@dimen/_48sdp"
android:layout_alignParentTop="true"
android:layout_centerInParent="true"
android:layout_marginBottom="@dimen/_15sdp"
android:clickable="true"
android:elevation="@dimen/_2sdp"
android:contentDescription="@string/map"
android:focusable="true"
/>
<RelativeLayout>
,
在看到 Mr.Narendra_Nath 回答后,我做了这个技巧并且它起作用了(将 fab 按钮放在 relativeLayout-@+id/coordinator_layout 的一侧,而不是与 BottomNavigationBar 位于同一布局层)。也许是因为 BottomNavigationBar 总是在父视图的顶层,所以当你把另一个视图放在 BottomNavigationBar 的同一个视图组上时,它会被放在 BottomNavigationBar 后面。这是我的代码:
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@color/grey_background">
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.85" />
<RelativeLayout
app:layout_constraintTop_toTopOf="@id/guideline_text"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
android:id="@+id/coordinator_layout"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.15"
android:background="@color/grey_background"
android:orientation="vertical">
<nvlan.solocoding.exercisetraining.main.CustomBottomNavigationView
android:id="@+id/custom_bottom_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
app:itemTextColor="@color/bottom_nav_color"
app:itemIconTint="@color/bottom_nav_color" />
</RelativeLayout>
<com.google.android.material.floatingactionbutton.FloatingActionButton
app:layout_constraintTop_toTopOf="@id/guideline_text"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:backgroundTint="@color/bottom_navigation_pressed"
android:id="@+id/map_button"
android:layout_width="@dimen/_48sdp"
android:layout_height="@dimen/_48sdp"
android:layout_alignParentTop="true"
android:layout_centerInParent="true"
android:layout_marginBottom="@dimen/_15sdp"
android:clickable="true"
android:contentDescription="@string/map"
android:focusable="true" />
</androidx.constraintlayout.widget.ConstraintLayout>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。