小心API 21上的EditText

泡在网上的日子 发表于 2015-10-19 02:02  第 369  次阅读  EditText

0

看看如下两个EditText。一个是在API 21的设备上，一个是在API 22的设备上。

看到区别了吗？在开启开发者选项的“显示布局界限”的时候更为明显：

两个EditText的高度和垂直对齐都不一样！这是由于EditText在v21 和 v22 之间背景的改变导致的（diff）。

如果你的EditText和其它view在垂直方向上时对齐的，这个改变会让你很悲剧。比如 Trello中的情况。

文字应该和图标对齐，但是这里显然没有。上面的截图来自于5.0；其它任何版本看起来都很正常。

即使你使用AppCompat，这个问题还是会发生。在V21＋上，通常AppCompat引用系统的material样式，这正是问题所在。

解决

 两种解决办法都是通过资源文件解决的。

一种可能是为API 21导入你自己的EditText background assets。除非你的app全是垂直对齐的EditText，否则这显得有点事倍功半，因为只对一个API版本的EditText精确设置背景是很复杂的。

另一个方法是只根据API level定义不同的margin和padding。比如，我发现它们有大约6dp的偏移，因此资源文件的代码如下：

1 2 3 4 5 6 7 8

<!-- values/dimens.xml -->   <dimen name= "edit_text_spacing" >6dp</dimen>   <!-- values-v21/dimens.xml -->   <dimen name= "edit_text_spacing" >0dp</dimen>   <!-- values-v22/dimens.xml -->   <dimen name= "edit_text_spacing" >6dp</dimen>

首先必须承认这很丑，但是考虑到只需修改极少数地方就能解决问题，所以也不算太糟。

原文：Beware EditText on API 21