浮动操作按钮阴影问题

时间:2017-11-23 14:02:03

标签: android floating-action-button

我正在尝试在浮动按钮中添加文字。

<FrameLayout
        android:id="@+id/gallery_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_gravity="bottom|end"
        android:layout_marginRight="15dp"
        android:visibility="invisible">

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/floating_gallery"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:src="@drawable/image_icon"
            app:backgroundTint="@color/white"
            android:layout_marginBottom="10dp"
            app:elevation="6dp"
            app:pressedTranslationZ="12dp" />

        <com.mobile.widget.CircularTextView
            android:id="@+id/gallery_count_textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_gravity="end"
            android:elevation="7dp"
            android:gravity="center"
            android:padding="1dp"
            android:textColor="@color/white" />
    </FrameLayout>

这很好用。我可以显示浮动按钮的文本。浮动按钮阴影中的问题隐藏了一半。在图像请注意画廊图标阴影没有完全显示。发生这种情况是因为它被框架布局所包围。有没有其他方法可以通过展示影子实现这一点?请让我解决这个问题。

image

1 个答案:

答案 0 :(得分:1)

在FloatingActionButton CircularTextView中添加android:layout_margin="10dp"

<FrameLayout>

    <FloatingActionButton
        ...
        android:layout_margin="10dp" />

    <CircularTextView
        ...
        android:layout_margin="10dp" />
</FrameLayout>

我在我的项目上尝试过它。

image here