浮动操作按钮随机运行

时间:2017-07-21 15:52:36

标签: android floating-action-button

我尝试使用浮动指标来选择卡片视图。

我希望FAB位于卡片的右上角,稍微重叠一下。我尝试使用drawable实现相同的外观,但由于该应用是针对API 16+的,我无法使用提升将其绘制在卡片上方。

使用这个xml: -

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">


    <android.support.v7.widget.CardView
        android:id="@+id/suppTemplateCardViewList"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_margin="5dp"
        card_view:cardCornerRadius="2dp"
        card_view:contentPadding="10dp">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="vertical">

        <ImageButton
            android:id="@+id/suppFunction"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@null" />

        <TextView
            android:id="@+id/suppFunctionName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        </LinearLayout>

    </android.support.v7.widget.CardView>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/selectorIndicator"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:fabSize="mini"
        app:layout_anchor="@id/suppTemplateCardViewList"
        app:backgroundTint="@color/blueish"
        android:src="@drawable/ic_done"
        app:layout_anchorGravity="top|end"/>

</android.support.design.widget.CoordinatorLayout>

我有这种行为:random fab

我也尝试过使用

app:layout_anchorGravity

标签,但无济于事。 感谢。

2 个答案:

答案 0 :(得分:2)

我实际上最终发现了自己。显然,xml中的顺序很重要,因此将FAB设置在卡片视图上方可以使其正常工作。

答案 1 :(得分:0)

"top|end"是问题的核心。将其更改为"top|right|end"