浮动操作按钮始终显示在顶部答案

【问题标题】：Floating action button always displays on top浮动操作按钮始终显示在顶部
【发布时间】：2016-06-08 02:48:16
【问题描述】：

我试图在浮动操作按钮的顶部显示 textview。在 FrameLayout 内部，我有 1 个 FAB 和 1 个 TextView：

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|start"
    android:padding="@dimen/fab_margin">

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fabAddSeller"
        android:layout_width="70dp"
        android:layout_height="70dp"
        app:backgroundTint="#3780f4"
        android:stateListAnimator="@null"/>

    <TextView
        android:id="@+id/tvSellRecordCount"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/sell_record_counter"
        android:layout_gravity="top|end"
        android:text="12"
        android:textColor="#FFFFFF"
        android:textSize="10sp" />

</FrameLayout>

根据这个answer，我已经添加了

android:stateListAnimator="@null"

到 FAB - 没有区别。我已将 TextView 放在 FAB 之后 - 没有效果。

如何在 FloatingActionButton 之上显示另一个视图？

【问题讨论】：

查看stackoverflow.com/questions/24459352/…
海拔是一个选项？我不确定哪个是你的 minSdk
使用相对布局！！尝试设置 TextView 属性 android:layout_above="@id/fabAddSeller"
@GuilhermeP，是的，我为我的 TextView 设置了高度，现在它在顶部。顺便说一下 minSdk = 14
@GuilhermeP，你能把这个作为答案发布吗？我会接受 - 其他面临这个问题的人会知道如何解决它

标签： android floating-action-button

【解决方案1】：

将 FrameLayout 替换为 RelativeLayout 并添加

 <android.support.design.widget.FloatingActionButton
        ...
        android:layout_below="@+id/tvSellRecordCount"
        ...
        />

【讨论】：

【解决方案2】：

在 Android Studio 中，我可以在向文本视图添加高程后修复：

android:elevation="6dp"

FAB 似乎有 5dp 的高程。

但是，我不确定这是否完全适合您，因为 API>=21 可以使用提升。

尝试在真机上做一些测试……

也许，android:stateListAnimator="@null" 在真实设备/模拟器中就足够了。

更新

添加 app:elevation 后，此修复程序也开始适用于较旧的 API

app:elevation="6dp"
android:elevation="6dp"

【讨论】：

在这种情况下，如果我长按 fab，它会在我的圆形视图下升起
这种情况需要设置高程12dp+