android - float 操作按钮未在 fragment 内完全显示

标签 android android-fragments floating-action-button androiddesignsupport android-coordinatorlayout

我在 fragment 中使用 FAB 按钮和 RecyclerView。这个 Fragment 是 TabViewPager 的一个实例。我遇到了 FAB 按钮的问题。我已将 RecyclerView 和 fab 按钮放置在 FrameLayout 内,FAB 按钮位于右下角。现在我面临的问题是 FAB 按钮不完全可见。它的一半部分被隐藏,如下面的屏幕截图所示。谁能帮我解决这个问题。提前致谢。

FAB with RecyclerView inside FrameLayout

注意: FAB 滚动后会正确对齐。只有在理想情况下才会出现问题(在滚动完成之前)。

fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_margin="10dp"
        app:backgroundTint="@color/red"
        android:src="@drawable/ic_done"/>
</FrameLayout>

tabviewpagerlayout.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout        xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">


        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:layout_scrollFlags="scroll|enterAlways" />


        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</android.support.design.widget.CoordinatorLayout>

最佳答案

无论选择什么选项卡,都必须显示/隐藏 FAB 不是一个可接受的解决方案。我已经尝试了所有布局组合,但将 FAB 移动到 Activity 布局是唯一有效的解决方案。但是,如果您只需要一个选项卡中的按钮怎么办?这是现在唯一可行的方法,但我期待更新设计库,因为这个版本太有问题了。无论如何,底线是 FAB 必须是 CoordinatorLayout 的直接后代,所以它不会被折叠的 Toolbar 向下推...

关于android - float 操作按钮未在 fragment 内完全显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30731615/

相关文章:

flutter/Dart : How do I raise the location of a FAB when using extendBody: true on a Scaffold?

android - android项目的BaseFragment架构

android - 具有多个操作的 FloatingActionButton

android - 如何获取 TextField (Jetpack Compose) 的光标位置?

android - 使用大而美观的光标录制 Android 应用程序的视频?

Android 主从 fragment 保留细节状态

java - 如何根据现在的月份检查选择的季节是否正确?

css - Ionic 3 如何向晶圆厂添加非包装标签

java - 无法启动 Activity ComponentInfo - 更改为 setContentView()

android - Android 服务是否应该完全独立于应用程序?