提升不适用于android.support.design.widget.FloatingActionButton

问题描述 投票:5回答:4

我刚开始进行android开发并尝试新材料设计。是我的mainactivity的截图,它有一个FloatingActionButton但它不应用任何高程(没有阴影)。

如何在这个新小部件(android.support.widget.FloatingActionButton)上启用阴影。

这是来自布局xml的代码

<android.support.design.widget.FloatingActionButton
        android:id="@+id/add_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:src="@drawable/ic_add_action"
        android:layout_margin="16dp"
        android:elevation="10dp"
        android:padding="10dp"/>

任何帮助赞赏。谢谢

请注意我只想使用android设计库而不是任何其他github库。

android material-design floating-action-button
4个回答
17
投票

经过大量的研究,我找到了使用FAB的正确方法,没有任何问题。使用以下代码作为模板:

<android.support.design.widget.FloatingActionButton
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/your_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="@dimen/floating_button_margin_bottom"
        android:layout_marginRight="@dimen/floating_button_margin_right"
        app:elevation="@dimen/floating_button_elevation"
        app:borderWidth="0dp"
        app:rippleColor="@color/your_ripple_color"
        app:backgroundTint="@color/your_bg_color" />

7
投票

我现在只是测试浮动动作按钮。对我来说它有效。

尝试为您的按钮添加app:borderWidth="0dp",这可能会解决问题。我在其他一些帖子中看到它可能是设计库中的一个问题。


6
投票

您的XML布局可能会遗漏这些代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   app:xmlns="http://schemas.android.com/apk/res-auto"
   ... >
         <android.support.design.widget.FloatingActionButton
            ... 
            app:borderWidth="0dp"
            app:elevation="4dp" />
   ... 
</RelativeLayout>

编辑

有关FloatingActionButton的更多信息,请参阅此post,它解释了问题和设计指南。


0
投票

检查清单文件并删除下一个属性:

 android:hardwareAccelerated="false"
 android:largeHeap="true"
© www.soinside.com 2019 - 2024. All rights reserved.