美文网首页
自定义单选框如何同时兼容MIUI和原生Android

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

作者: Cavabiao | 来源:发表于2015-04-17 19:39 被阅读327次

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

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

    图一、设计稿是这样的

    在尝试图片左侧留空的过程中,总结了一个大坑:在MIUI V5系统下,默认RadioButton的图片占位较宽,即使通过<pre><item name="android:button">@drawable/bg_radio</item></pre>自定义图片,宽度不会自适应,如下所示:

    图二、图标窄,正常来说文字应该贴在其后的
    另外,设置<pre><item name="android:paddingLeft">xxdp</item></pre>或者<pre><item name="android:background">@drawable/my_bg</item></pre>宽度会坍塌(文字顶到最左侧,图片会浮在文字上面,自己脑补),非常奇葩!
    原生Android系统的处理方式是,图片会自适应,即使设置了paddingLeft或者background宽度也不会坍塌。

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

    图三、折中的方案

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

    相关文章

      网友评论

          本文标题:自定义单选框如何同时兼容MIUI和原生Android

          本文链接:https://www.haomeiwen.com/subject/iceefttx.html