android自定义单选框文字左边,自定义单选框如何同时兼容MIUI和原生Android

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

2、需求见设计稿。实现方式有：

第一、在RadioGroup作为最外层节点，每个RadioButton外面包一个节点，在节点上写边框和内边距，这样带来的问题除了冗余更重要的是RadioGroup失效。

第二、直接在RadioButton上写边框和内边距。这个方案看上去可行，但是难度很大。为了调自定义RadioButton中图片距离左侧的内边距，尝试了9patch(失效)、图片左侧留空(兼容性差)、inset(失效)。

图一、设计稿是这样的

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

@drawable/bg_radio

自定义图片，宽度不会自适应，如下所示：

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

另外，设置

xxdp

或者

@drawable/my_bg

宽度会坍塌(文字顶到最左侧，图片会浮在文字上面，自己脑补)，非常奇葩！

原生Android系统的处理方式是，图片会自适应，即使设置了paddingLeft或者background宽度也不会坍塌。

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

图三、折中的方案

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