小心API 21上的EditText

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


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


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


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

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

blob.png

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

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

解决

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

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

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

<!-- 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 

收藏 赞 (3) 踩 (1)
上一篇:Android无需权限显示悬浮窗, 兼谈逆向分析app
前言 最近UC浏览器中文版出了一个快速搜索的功能, 在使用其他app的时候, 如果复制了一些内容, 屏幕顶部会弹一个窗口, 提示一些操作, 点击后跳转到UC, 显示这个悬浮窗不需要申请android.permission.SYSTEM_ALERT_WINDOW权限. 如下图, 截图是在使用Chrome时截
下一篇:新的AppBarLayout flag:SCROLL_FLAG_SNAP
新版本的Design Support Library(23.1.0)现在AppBarLayout里面包含了一个新的layout_scrollFlag :SCROLL_FLAG_SNAP。 在滚动结束后,如果view只是部分可见,它将滑动到最近的边界。比如,如果view的底部只有25%可见,它将滚动离开屏幕,而如果底部有75%可