无法从未加工的透明FloatingActionButton中删除“阴影”

时间:2017-04-06 11:44:10

标签: android material-design shadow floating-action-button android-elevation

在花了几个小时研究这个问题之后,我决定不再浪费时间在这样一个(看似很容易的)简单的任务上。

我正在尝试使用透明背景并且没有broder来实现FloatingActionButton,以仅显示自定义图标。我知道材料设计不鼓励它,但我需要这样做。

我面临的问题是有一个阴影显示,我不想要。 由于我将高程设置为0dp,我不知道它是如何到达的,因此我可以将它移除。

FAB with background FAB without background but with shadow

以下是包含FAB的片段的代码:

<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/fragment_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_sample"
android:elevation="0dp"
android:fitsSystemWindows="true">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/fragment_grid"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:gravity="center"
        android:padding="10dp"
        android:stretchMode="columnWidth"
        android:verticalSpacing="25dp"/>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        style="@style/AppTheme"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center"
        android:layout_marginBottom="@dimen/activity_vertical_margin"
        android:adjustViewBounds="true"
        android:elevation="0dp"
        android:fitsSystemWindows="true"
        android:scaleType="fitCenter"
        app:borderWidth="0dp"
        app:fabSize="normal"
        app:layout_anchorGravity="bottom|center"
        app:layout_behavior="ScrollAwareFABBehavior"
        />

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

这是我的AppTheme:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:fitsSystemWindows">true</item>
    <item name="android:spotShadowAlpha">0</item>
    <item name="android:shadowRadius">0</item>
    <item name="android:ambientShadowAlpha">0</item>
    <item name="selectableItemBackgroundBorderless">@null</item>
</style>

片段的onCreateView,我在其中设置了transperancy:

@Override
public final View onCreateView(final LayoutInflater inflater, final ViewGroup container,
                               final Bundle savedInstanceState) {
    // initialize variables
    View view = inflater.inflate(R.layout.fragment_desk, container, false);

    coordinatorLayout = (CoordinatorLayout) view.findViewById(R.id.fragment_layout);
    fab = (FloatingActionButton) coordinatorLayout.findViewById(R.id.fab);
    fab.getBackground().setColorFilter(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);

    return view;
}

TL; DR:如何删除第二张图片中显示的阴影?

编辑: 看来,这个问题与晶圆厂的规模有关。 我将design_fab_size_normal设置为200只是为了看看它做了什么。事实证明它不会影响我的图标大小,但会影响阴影的大小。

FAB size increased to 200 showing icon

这是dimens.xml:

<resources xmlns:tools="http://schemas.android.com/tools">
    <dimen name="design_fab_image_size" tools:override="true">64dp</dimen>
    <dimen name="design_fab_size_normal" tools:override="true">200dp</dimen>
</resources>

2 个答案:

答案 0 :(得分:4)

应该是:

app:elevation="0dp"

而不是:

android:elevation="0dp"

您也可以使用以下命令从您的Java代码中执行:

float zeroElevation=0.0f;
View.setElevation(zeroElevation);

答案 1 :(得分:-1)

尝试完全删除android:elevation="0dp"