toolbar阴影问题

来源:互联网 发布:不想谈恋爱 知乎 编辑:程序博客网 时间:2024/05/12 12:14

实现如下效果:


toolbar下面是阴影,内容下面为阴影,富有层次感

本人实现方案采用的9-patch png方式(相对布局中把头部阴影放在下面):

toolbar布局:

<android.support.v7.widget.Toolbar
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:layout_scrollFlags="scroll|enterAlways"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

<View style="@style/common_content_bottom_shadow" />

<View style="@style/common_title_shadow" />

<style name="common_title_shadow">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">@dimen/common_title_shadow_height</item>
        <item name="android:background">@drawable/common_title_shadow_bg</item>
</style>

觉得这种方案不好的举个爪,这样写一个布局就要有两个这个,但是我在网上查了半天也没有别的好方案

例如:http://blog.grafixartist.com/add-a-toolbar-elevation-on-pre-lollipop/

xml gradient与9 patch差不多,toolbar setElevation(4),在5.0以下受限制。

也许toolbar自带阴影不就好了嘛,继承Theme.AppCompat.Light.DarkActionBar ,但是在5.0以下适配不是很好,有一条很明显的黑线

http://blog.grafixartist.com/android-material-design-tutorial/

0 0