Android自定义RadioButton样式设计与实现
发布时间
阅读量:
阅读量

上述这种三选一的效果该如何实现呢?是否需要编写代码?
实际上存在更为简便的方式,是否还记得RadioButton具备哪些特性?
我正是通过使用RadioButton实现了上述效果,整个过程其实非常简单。
首先需要定义一个背景图,将其命名为radio.xml,并且需要注意该背景必须采用xml格式的图片:
在此过程中,只需关注state_checked这一状态即可,因此配置过程较为简便。
随后的步骤是在布局文件中调用该图片资源:

需要将android:button="@null"全部设置为null,并且将android:background="@drawable/radio"替换为刚刚创建的图片。至此,操作步骤已经完成。
无需编写任何代码!
观察竖直方向上的显示效果:

旁边存在图标的情况下应如何处理?

实现这一功能其实非常便捷,只需为每个RadioButton添加android:drawableLeft="@drawable/tubiao_0"属性即可。
若需调整图标与文字之间的间距,应如何操作?
有一种解决方案是使用setCompoundDrawablePadding(pad)方法进行设置,其对应的属性为android:drawablePadding。
掌握了这一技巧后,便能够轻松实现类似n选1的交互效果,具体示例如下:


全部评论 (0)
还没有任何评论哟~
