Android 浅色皮肤阴影开发

前言:项目中要进行浅色皮肤开发,然后要求要有阴影效果,下面是UI觉得可行的中立方案效果

尝试一、使用elevation添加阴影发现效果一般

尝试二、使用带阴影的UI切图后续发现成本太大,对后续多个皮肤适配要求太大

尝试三、使用elevation、outlineSpotShadowColor的方式进行适配,缺点:需要添加marginTop值上方 才有阴影

<style name="ResShadow">
<item name="android:elevation">4dp</item>
<item name="android:outlineSpotShadowColor"
tools:ignore="NewApi">#4D000000</item>
<item name="android:layout_marginTop">1dp</item>
</style>

1.marginTop效果加入不加入对比,明显加入marginTop值的一方上方有描边,

activity_shadow.xml布局文件代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#909090"
    android:padding="10dp">

    <LinearLayout
        android:layout_width="1500dp"
        android:layout_height="300dp"
        android:layout_margin="30dp"
        android:background="@color/white"
        android:orientation="horizontal"
        style="@style/ResShadow"
        android:padding="40dp">

        <TextView
            android:id="@+id/textView11"
            android:layout_width="320dp"
            android:layout_height="100dp"
            android:gravity="center"
            android:text="TextView"
            android:layout_margin="30dp"
            style="@style/ResShadow"
            android:background="@color/white" />


        <TextView
            android:id="@+id/textView12"
            android:layout_width="320dp"
            android:layout_height="100dp"
            android:gravity="center"
            android:text="TextView"
            style="@style/ResShadow"
            android:layout_marginTop="1dp"
            android:background="@color/white" />


        <TextView
            android:id="@+id/textView13"
            android:layout_width="320dp"
            android:layout_height="100dp"
            android:gravity="center"
            android:layout_marginLeft="10dp"
            android:text="TextView"
            style="@style/ResShadow"
            android:background="@color/white" />

    </LinearLayout>

 
</LinearLayout>

 styles.xml代码

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:tools="http://schemas.android.com/tools">
    <style name="ResShadow">
        <item name="android:elevation">4dp</item>
        <item name="android:outlineSpotShadowColor"
            tools:ignore="NewApi">#4D000000</item>
    </style>
</resources>

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值