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

时间:2016-02-25 11:02:50

标签: android floating-action-button

我正在尝试在浮动操作按钮的顶部显示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,我添加了

  

机器人:stateListAnimator =&#34; @空&#34;

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

enter image description here

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

2 个答案:

答案 0 :(得分:11)

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

android:stateListAnimator="@null"

FAB似乎有5dp的升高。

但是,我不确定这是否完全适用于您,因为API&gt; = 21可以提升。

尝试在真实设备中进行一些测试......

也许,app:elevation在真实设备/模拟器中就足够了。

<强>更新

添加app:elevation="6dp" android:elevation="6dp" 后,此修补程序也开始使用旧版API

format( as.POSIXct(Sys.Date())+timestamp/1000, "%M:%S:%OS6")

答案 1 :(得分:2)

将FrameLayout替换为 RelativeLayout 并添加

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