如何设计煎茶单选按钮答案

【问题标题】：How to design sencha radio button如何设计煎茶单选按钮
【发布时间】：2013-03-13 08:10:23
【问题描述】：

我知道如何在煎茶中创建单选按钮，但我想知道“如何设计如下所示的单选按钮”

【问题讨论】：

使用 CSS。而且那些单选按钮对于触摸设备来说会有点小。
为什么不使用选择器而不是单选按钮？正如@TDeBailleul 所说，如果设备宽度较小，4 单选按钮将无法正确适配。
这是一个安卓平板应用
我不是这个意思。我更多的是考虑可点击区域的大小：stackoverflow.com/questions/1928991/…

标签： sencha-touch radio-button sencha-touch-2

【解决方案1】：

这就是我所做的，我几乎明白了。

Ext.create('Ext.form.Panel', {
    fullscreen: true,

    layout: 'hbox',
    defaults: {
           labelWidth: '50%',
           labelAlign: 'right'
     },

    items: [
        {
            xtype: 'radiofield',
            name : 'color',
            value: 'red',
            label: 'Red',
            checked: true
        },
        {
            xtype: 'radiofield',
            name : 'color',
            value: 'green',
            label: 'Green'
        },
        {
            xtype: 'radiofield',
            name : 'color',
            value: 'blue',
            label: 'Blue'
        }
    ]
});

【讨论】：