【问题标题】:How to keep back the floating action button behind the textview如何保留文本视图后面的浮动操作按钮
【发布时间】:2016-10-21 11:25:19
【问题描述】:

我有一个浮动操作按钮。

当我按下按钮时,按钮会像这样出现在上面..

但我不想要这个。

我想保留浮动操作按钮。

我的代码:

    <FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:padding="5dp">

    <android.support.design.widget.FloatingActionButton
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/box_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:backgroundTint="#ffc800"
        android:elevation="1dp"
        app:fabSize="normal"
        android:src="@drawable/ic_box"
        android:layout_marginBottom="16dp"
        android:layout_marginEnd="16dp"
        android:layout_marginTop="5dp"
        android:layout_marginStart="16dp"/>

    <TextView
        android:layout_height="wrap_content"
        android:textColor="@android:color/background_dark"
        android:text="0"
        android:elevation="7dp"
        android:layout_gravity="top|end"
        android:layout_width="wrap_content"
        android:textStyle="normal|bold"
        android:background="@drawable/bg_text"
        android:paddingBottom="1dp"
        android:paddingTop="1dp"
        android:paddingEnd="5dp"
        android:paddingStart="5dp"
        android:textSize="12sp"
        android:layout_marginEnd="16dp"
        android:textAlignment="center"
        android:layout_marginBottom="16dp" />

</FrameLayout>

如何保留浮动操作按钮?

【问题讨论】:

    标签: android floating-action-button


    【解决方案1】:

    这是FAB的属性,如果你想要这些设计使用布局:

    <RelativeLayout
            android:layout_width="50dp"
            android:background="@drawable/background_selector"
            android:layout_height="50dp">
    
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/ic_box" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:layout_alignParentRight="true"
                android:layout_alignParentTop="true"
                android:layout_gravity="top|end"
                android:layout_marginBottom="16dp"
                android:paddingBottom="1dp"
                android:paddingEnd="5dp"
                android:paddingStart="5dp"
                android:paddingTop="1dp"
                android:text="0"
                android:textAlignment="center"
                android:textColor="@android:color/background_dark"
                android:textSize="12sp"
                android:textStyle="normal|bold" />
        </RelativeLayout>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-06-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-30
      • 1970-01-01
      • 1970-01-01
      • 2018-03-08
      相关资源
      最近更新 更多