自定义单选框如何同时兼容MIUI和原生Android

1、drawable中的xml再嵌套layer-list在MIUI V5系统下失效。

2、需求见设计稿。实现方式有:
第一、在RadioGroup作为最外层节点,每个RadioButton外面包一个节点,在节点上写边框和内边距,这样带来的问题除了冗余更重要的是RadioGroup失效。
第二、直接在RadioButton上写边框和内边距。这个方案看上去可行,但是难度很大。为了调自定义RadioButton中图片距离左侧的内边距,尝试了9patch(失效)、图片左侧留空(兼容性差)、inset(失效)。

自定义单选框如何同时兼容MIUI和原生Android_第1张图片
图一、设计稿是这样的

在尝试图片左侧留空的过程中,总结了一个大坑:在MIUI V5系统下,默认RadioButton的图片占位较宽,即使通过

@drawable/bg_radio
自定义图片,宽度不会自适应,如下所示:

图二、图标窄,正常来说文字应该贴在其后的

另外,设置
xxdp
或者
@drawable/my_bg
宽度会 坍塌(文字顶到最左侧,图片会浮在文字上面,自己脑补),非常奇葩!
原生Android系统的处理方式是,图片会自适应,即使设置了paddingLeft或者background宽度也不会坍塌。

基本上无法兼容MIUI 和 原生Android系统,最后采用的解决方案是:

自定义单选框如何同时兼容MIUI和原生Android_第2张图片
图三、折中的方案

因为存在宽度坍塌的问题,内边距很难做到统一,只能牺牲外边距,调整内边距。

你可能感兴趣的:(自定义单选框如何同时兼容MIUI和原生Android)