有什么方法可以在API

Question

材料设计非常强调“纸张”的隐喻。要做到这一点，阴影是必不可少的。由于材料设计是一种理念，而不是API（尽管它内置在L中），因此应该在任何地方（Windows窗体、HTML/CSS等）进行设计。如何在Android API 14到20中做到这一点？

请注意，对于圆形和其他非方形形状，预制PNG实际上并不实用。

Answer 1

这里只是一个粗略的样本。。。

<?xml version="1.0" encoding="utf-8"?>

<!-- Drop Shadow Stack -->
<item>
    <shape android:shape="oval">
        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
        <padding
            android:top="1dp"
            android:right="1dp"
            android:bottom="1dp"
            android:left="1dp"/>
        <solid android:color="#00CCCCCC"/>
    </shape>
</item>
<item>
    <shape android:shape="oval">
        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
        <padding
            android:top="1dp"
            android:right="1dp"
            android:bottom="1dp"
            android:left="1dp"/>
        <solid android:color="#10CCCCCC"/>
    </shape>
</item>
<item>
    <shape android:shape="oval">
        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
        <padding
            android:top="1dp"
            android:right="1dp"
            android:bottom="1dp"
            android:left="1dp"/>
        <solid android:color="#20CCCCCC"/>
    </shape>
</item>
<item>
    <shape android:shape="oval">
        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
        <padding
            android:top="1dp"
            android:right="1dp"
            android:bottom="1dp"
            android:left="1dp"/>
        <solid android:color="#30CCCCCC"/>
    </shape>
</item>
<item>
    <shape android:shape="oval">
        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
        <padding
            android:top="1dp"
            android:right="1dp"
            android:bottom="1dp"
            android:left="1dp"/>
        <solid android:color="#50CCCCCC"/>
    </shape>

</item>

<!-- Background -->
<item>
    <shape android:shape="oval">

        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
    </shape>
</item>

在布局文件中，您可以使用它。。。

<Button
        android:id="@+id/add_btn"

        android:text="+"
        android:textColor="#FFFDFC"
        android:textSize="44sp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginRight="50dp"
        android:layout_marginBottom="40dp"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:clickable="true"
        android:enabled="true"
        android:singleLine="false"
        android:layout_alignParentTop="false"
        android:background="@drawable/round_button"/>

Answer 2

在Lollipop前渲染阴影并不容易，但却是可能的。诀窍在于，阴影只是视图的黑色模糊形状。你可以自己做。

1. 使用LightingColorFilter（0,0）设置将您的阴影投射视图绘制到位图
2. 使用ScriptIntrisincBlur模糊它
3. 画出形状
4. 在形状的顶部绘制视图

听起来像是要编写很多代码，但它适用于所有情况，因此您可以轻松涵盖所有视图。

Answer 3

如果您不担心Lollipop之后的向后兼容性，那么可以直接在XML中设置elevation属性

    android:elevation="10dp"

否则，必须使用支持在Java中进行设置。v4.ViewCompat库。

    ViewCompat.setElevation(myView, 10);

并将其添加到您的构建中。格拉德尔

    compile 'com.android.support:support-v4:21.+'

http://developer.android.com/reference/android/support/v4/view/ViewCompat.html#setElevation（android.view.view，float）