toolbar阴影问题

本文讨论如何在Android应用中为Toolbar添加阴影效果,以增加界面的层次感。作者采用9-patch PNG方法,在相对布局中通过设置头部和内容区域的阴影。然而,这种方法存在布局复用的问题。此外,文章还提到了在不同Android版本间,如使用toolbar的setElevation方法在5.0以下版本的适配挑战,以及继承Theme.AppCompat.Light.DarkActionBar时可能出现的黑线问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

实现如下效果:


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/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值