是否可以在浮动操作按钮android顶部设置图标

时间:2018-11-23 10:27:15

标签: android material-design

我想将物品添加到购物车。购物车上将显示“浮动操作”按钮和要显示在其上方的物品计数。请帮助我。

我想要这样的东西

enter image description here

4 个答案:

答案 0 :(得分:0)

按钮的色调可保持背景颜色为橙色 src将是您在白色碗碟容器中拥有的上面的图像 您可以使用框架布局并制作另一个按钮并对齐,而不是右上角

basic_string::size_type

答案 1 :(得分:0)

在协调器布局中,添加这些内容,您将获得想要的效果

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/panic_fab"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_gravity="bottom|right"
        android:layout_marginBottom="15dp"
        android:layout_marginRight="15dp"
        android:background="@drawable/clip_gradient"
        android:elevation="12dp"
        android:src="@drawable/ic_error_outline_black_24dp"
        app:elevation="6dp"
        app:pressedTranslationZ="12dp" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/panic_fab1"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_gravity="bottom|right"
        android:layout_marginBottom="15dp"
        android:layout_marginRight="15dp"
        android:background="#fff"
        android:elevation="12dp"
        android:src="@drawable/notification"
        app:elevation="8dp"
        app:pressedTranslationZ="12dp" />

enter image description here

答案 2 :(得分:0)

我已经测试了这一希望,它将对您有用。根据UA要求进行一些更改

 <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        >
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/add_new"
        android:layout_width="60dp"
        android:layout_height="@dimen/margin_60"
        android:src="@drawable/ic_add_white"
        android:padding="@dimen/margin_20"
        android:backgroundTint="@color/red"
        android:layout_margin="@dimen/margin_10"/>

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/add_nw"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_gravity="right"
            android:layout_marginTop="@dimen/margin_5"
            android:backgroundTint="@color/blue"
            android:src="@drawable/ic_add_white" />
    </FrameLayout>

答案 3 :(得分:0)

您可以使用约束布局。在这种情况下会更容易

enter image description here