一种margin和padding结合使用的trick

最新推荐文章于 2023-02-21 18:48:16 发布

原创最新推荐文章于 2023-02-21 18:48:16 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#安卓 #layout #重合效果 #阴影

安卓开发专栏收录该内容

89 篇文章

订阅专栏

本文介绍了一种在Android中实现标题栏阴影与侧边栏融合的方法。通过调整侧边栏的margin和padding，使得阴影能够自然地延伸到侧边栏上，从而达到视觉上的一致性和美观效果。

之前遇到一个需求，具体如下：

标题栏的背景有阴影，如果侧边栏直接贴合，则阴影无法和侧边栏融为一体。于是我先使用负marginTop把侧边栏抬升到阴影可以覆盖的程度，再通过paddingTop把侧边栏的子view往下拖一些，即可实现阴影叠加在侧边栏上一点点的效果。

具体demo layout代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@color/white">

    <View
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:background="#55FF0000"/>

    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="300dp"
        android:background="#5500FF00"
        android:orientation="vertical"
        android:layout_marginTop="-30dp"
        android:paddingTop="30dp">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Test"
            android:textColor="@color/black"
            android:textSize="30sp"
            android:background="#550000FF"/>
    </LinearLayout>
</LinearLayout>