android - float 操作按钮始终显示在顶部

Question

我试图在 float 操作按钮的顶部显示 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 - 没有区别。我在 FAB 之后放置了 TextView - 没有效果。

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

Answer 1

在 Android Studio 中，我可以在向 TextView 添加高度后进行修复:

android:elevation="6dp"

FAB 似乎有 5dp 的高度。

但是，我不确定这是否完全适合您，因为海拔高度适用于 API>=21。

尝试在真实设备上做一些测试......

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

更新

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

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