棒棒糖前的材料设计

Question

我正在从事材料设计工作，但遇到了我无法解决的问题。这是关于阴影/高度的。

1. 在这里我们可以了解 Material Design 中的阴影和高程

https://developer.android.com/training/material/shadows-clipping.html#Shadows

但我们只能在棒棒糖和更高版本中使用这些功能。 那么棒棒糖前的设备呢？如果我想创建可以在棒棒糖之前的设备上使用的应用程序，那么我不能使用，例如

android:elevation="2dp"

我说的对吗？

1. 如果是这样，那么我能做的就是使用已经包含阴影的设计可绘制对象。 还有一个我无法理解的问题。

例如，设计师给了我一些设计的psd。想象一下它看起来像这样

如您所见，面板的上边距为 448 像素。我们可以使用 Photoshop 轻松获得此边距值。

但是当我用它的阴影提取这个面板时，我发现阴影本身在面板顶部占据了 10 像素

448px 的上边距不算阴影。

显然，我不能只将 panel.png 放在我的 some_layout.xml 上并将边距顶部设置为 448px(298.67dp)，因为此可绘制对象包含阴影。看来我应该考虑阴影长度，我应该从上边距中减去这个长度（448-10=438px=292dp）。

这个推理正确吗？我简直不敢相信。这种方式似乎太复杂了。也许存在更有效的做法？

Answer 1

根据 Pre Lollipop 设备中的shadow

对于 Android 5.0 及更高版本：AppBarLayout 自动提供/给予 布局中的阴影。还可以增加高度 AppBarLayout by android:elevation="4dp"

对于 Pre-Lollipop ：您可以使用以下链接： http://blog.grafixartist.com/add-a-toolbar-elevation-on-pre-lollipop/

注意：工具栏也支持提升到它，使用 android:elevation="4dp"

阅读更多：Add elevation/shadow on toolbar for pre-lollipop devices

根据 Pre Lollipop 设备中的elevation

你不能用官方的方法来模仿棒棒糖之前的海拔。

您可以使用一些可绘制对象在组件中制作阴影。 例如，Google 在 CardView 中使用了这种方式。

ViewCompat.setElevation(View, int) 当前创建阴影 仅在 API21+ 上。如果你检查后面的代码，这个方法会调用：

API 21+：

  @Override
    public void setElevation(View view, float elevation) {
        ViewCompatLollipop.setElevation(view, elevation);
    }

API

@Override
public void setElevation(View view, float elevation) {

}

阅读更多：How to implement the Material-design Elevation for Pre-lollipop

编辑：正如@geek90 所建议的，也请访问这个repo：http://github.com/navasmdc/MaterialDesignLibrary

Answer 2

这也让我很沮丧。我不喜欢用渐变制作阴影。我深入研究了文档，发现了 Lollipop 的实现是如何完成的，并为旧设备从头开始编写代码。

我的实现称为 Carbon。这是一个支持动态、自动阴影的 Material Design 实现。无需添加任何类型的边距或渐变 - 只需指定视图的高度并在所有 SDK 上获取阴影。

https://github.com/ZieIony/Carbon

在此处阅读有关该方法的更多信息：How to implement the Material-design Elevation for Pre-lollipop