【问题标题】:Floating Action button Shadow issue浮动操作按钮阴影问题
【发布时间】:2017-11-23 14:02:02
【问题描述】:

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

<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>

这工作正常。我可以显示浮动按钮的文本。浮动按钮阴影的问题被隐藏了一半。在图片中,请注意图库图标阴影未完全显示。这是因为它被框架布局包围。还有其他方法可以通过显示阴影来实现这一点吗?请告诉我解决这个问题的任何想法。

【问题讨论】:

  • 看起来和你要找的一样 -> stackoverflow.com/questions/37639698/…
  • 你可以尝试在 Framelayout 中添加 padding android:padding="6dp"
  • @AkshayKumar.. 我不想使用任何第三方库。
  • @AnjalSaneen.. 我已经尝试过填充的想法。但没有奏效。现在我也试过了。没有运气。

标签: android floating-action-button


【解决方案1】:

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

<FrameLayout>

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

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

我在我的项目上试过这个,它正在工作。

【讨论】:

    猜你喜欢
    • 2015-08-23
    • 2023-03-24
    • 2016-07-18
    • 2016-04-06
    • 2018-02-28
    • 1970-01-01
    • 2015-08-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多