前言
在安卓开发中,设置控件的margin是非常常见的操作。然而,有时候我们会发现在设置了带drawable的background后,部分机型上margin会失效,这就造成了一定的困扰。本文将分享一次在项目中遇到的这个问题以及解决方案。
项目背景
在原有布局的基础上进行更改时,UI验收发现设置drawable的android:background中的android:layout_marginLeft在部分机型上失效。
问题描述
以下是设置背景及margin的代码:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="@dimen/dp100"
android:layout_marginLeft="@dimen/dp15"
android:layout_marginTop="@dimen/dp10"
android:layout_marginEnd="@dimen/dp15"
android:background="@drawable/bg_corner5_fafafa"
android:orientation="vertical">
原因分析
-
是否在代码中动态设置了margin(没有), 发现这个问题的第一时间我就查看了我的代码,如果在代码中动态设置确实会有这种情况,但是遗憾的是我并没有犯这种错误
-
是否因为其他布局嵌套影响了margin(没有),因为代码嵌套比较复杂,可能因为其他布局的嵌套影响了子view的margin,但是遗憾的是我并没有犯这种错误
-
代码不规范(真正原因)😢,布局预览上和部分机型是生效的,而失效的机型在更改drawable为color时是生效的,让我一度认为是drawable资源文件的问题。但是经过仔细排查,发现代码中的android:layout_marginLeft与其他的android:layout_marginEnd等属性不匹配。
解决方案
将android:layout_marginLeft更改为android:layout_marginStart,具体代码如下:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/dp15"
android:layout_marginEnd="@dimen/dp15"
android:layout_marginTop="@dimen/dp10"
android:layout_marginBottom="@dimen/dp15"
android:background="@drawable/bg_corner5_fafafa"
android:orientation="vertical">
通过修改代码,问题得以解决。
总结
😢在设计UI时,我们需要注意控件属性的匹配性,比如在设置background属性时,它的父布局的margin属性需要与drawable一一对应。否则就会出现margin失效的问题。另外,造成margin失效的原因还有可能是机型差异,因此需要对相关布局进行多机型测试。在编写代码时,规范也是非常必要的,遵循统一标准能够有效降低代码的出现问题的概率。
还有一件事,排查问题时平心静气,不要生气哦,生气会影响一个优秀程序员的判断。