Android如何实现同一个布局保证高度不变,使用不同高度的背景

Posted 2022-07-13 小陈乱敲代码

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

背景

预实现一个切换tab，实现选中与未选中的背景切换，特别之处在于选中背景图和未选中背景图高度不相同，切换之后需要在java代码中动态设置LayoutParams改变高度。

预期效果

当前问题点

选中背景为.9图，未选中背景为xml中通过shape实现。

• 将当前ViewGroup设置为选中状态的固定高度

选中效果正确，但是未选中背景会与选中背景同高，底部边框并未与选中背景平齐，如图

• 通过设置下边距实现

设置padding与margin都无效，具体原理简单来说就是我设置的是ViewGroup的背景，padding针对于ViewGroup的子元素有效，margin针对于ViewGroup的父元素有效，所以均无法实现

• 将ViewGroup的高度设置为wrap_content

设置成自适应需要将未选中的shape设置高度，但是这样存在一个问题就是选中状态是一个.9图片无法做到固定高度，所以选中效果无效

那么，我们该怎么办呢，如果通过xml配置的方式来实现呢？

答案就是： layer-list！

问题分析

我们当前的难点就在于背景图的下边对齐问题，那么我们自然地就想到无外乎就是设置高度，调整边距来解决，上边已经阐述过了我们通过常规的padding和margin是不行的，设置高度也不行。

我们要解决问题的根本就是能不能给未选中的背景图设置一个下边距，让它无法撑满ViewGroup？

上边提到了我们未选中背景是一个shape，那我们可以在shape的外边套上一层layer-list，然后借助它的bottom属性设置边距就可以了！

问题解决

核心代码如下：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:bottom="6dp">
        <shape android:shape="rectangle">
            <stroke
                android:width="@dimen/dp_1"
                android:color="#ffdddddd" />
            <corners android:radius="8dp" />
        </shape>
    </item>
</layer-list> 

大功告成！

 </shape>
</item>

```

大功告成！

最后

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长。而不成体系的学习效果低效漫长且无助。时间久了，付出巨大的时间成本和努力，没有看到应有的效果，会气馁是再正常不过的。

所以学习一定要找到最适合自己的方式，有一个思路方法，不然不止浪费时间，更可能把未来发展都一起耽误了。

如果你是卡在缺少学习资源的瓶颈上，那么刚刚好我能帮到你。以上知识笔记全部免费分享，**如有需要获取知识笔记的朋友，可以点击下方二维码费领取。