无法使浮动动作按钮“浮动”

时间:2016-07-22 11:57:50

标签: android android-layout layout material-design floating-action-button

首先,我已经检查了答案:How to add shadow to the FAB provided with the android support design library?

但即使添加app:borderWidth="0dp"elevation="6dp"也无效。我已经检查了这个答案:https://stackoverflow.com/a/30752754/1121139它说我的高度越大,阴影越大,这就是有趣的事情,在预览屏幕上显示阴影,但是当在智能手机上运行时,我没有阴影。 / p>

以下是智能手机的截图: enter image description here

这里是安卓工作室预览界面的截图: enter image description here

我的布局代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="amaz1ngc0de.com.br.materialdesign.MainActivity">

<include android:id="@+id/app_bar" layout="@layout/toolbar_app_bar"/>

<android.support.v7.widget.RecyclerView
    android:id="@+id/rv_test_fab"
    android:layout_below="@id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

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

<android.support.design.widget.FloatingActionButton
    android:layout_margin="16dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentBottom="true"
    android:src="@drawable/ic_add_white_24dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    app:elevation="140dp"
    app:borderWidth="0dp"
    app:pressedTranslationZ="12dp"
    android:clickable="true"/>

2 个答案:

答案 0 :(得分:0)

尝试将您的布局包装在CoordinatorLayout中,并将FAB放在同一级别,而不是RelativeLayout,例如:

<!-- main_layout.xml -->
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:animateLayoutChanges="true"
    android:fitsSystemWindows="true"
    tools:context=".activity.MainActivity">

    <include layout="@layout/toolbar_app_bar" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_test_fab"
        android:layout_below="@id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

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

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

编辑: 此小部件来自设计库,您应该将其添加到应用的build.gradle文件中:

compile 'com.android.support:design:24.0.0'

答案 1 :(得分:0)

好的,所以我尝试了一下,看起来高度阴影并不像你想象的那样有效。这段代码给出了很多阴影:

<android.support.design.widget.FloatingActionButton
    android:id="@+id/name_add"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="15dp"
    android:src="@drawable/ic_add"
    app:elevation="20dp"/>

但如果我将高程设置为200,阴影就会消失。所以阴影只有一个范围在起作用。

也许你可以将它理解为一个物体,将阴影投射到一个底层物体上。高程越高,两个物体之间的距离越大,投射的阴影越少......