Titanium 如何用钛合金制作单选按钮?

Titanium 如何用钛合金制作单选按钮?,titanium,titanium-mobile,titanium-alloy,Titanium,Titanium Mobile,Titanium Alloy,如何在钛合金框架中创建单选按钮和多选按钮?是否有任何XML标记可以创建相同的标记 我尝试添加代码从您的参考和下面的链接现在我能够得到单选按钮。但是在格式方面有一个问题。现在我得到了屏幕截图中显示的单选按钮 但在那里,我无法在屏幕截图中看到任何标签名称作为选项。我也尝试了多个单选按钮,但我在风格上遇到了问题。我需要类似下面的截图。我该怎么做呢 否,在钛合金框架中,我们没有任何类似单选按钮的对象。为此,我们需要创建一个类似单选按钮手柄的功能 例如, 我们可以选择4个按钮,并将图像设置为单选按钮图像

如何在钛合金框架中创建单选按钮和多选按钮?是否有任何XML标记可以创建相同的标记

我尝试添加代码从您的参考和下面的链接现在我能够得到单选按钮。但是在格式方面有一个问题。现在我得到了屏幕截图中显示的单选按钮

但在那里,我无法在屏幕截图中看到任何标签名称作为选项。我也尝试了多个单选按钮,但我在风格上遇到了问题。我需要类似下面的截图。我该怎么做呢


,在钛合金框架中,我们没有任何类似单选按钮的对象。为此,我们需要创建一个类似单选按钮手柄的功能

例如
我们可以选择4个按钮,并将图像设置为单选按钮图像(未选中)。

当我们单击任何一个按钮时,然后使用选择单选按钮更改按钮图像。和使用未选择的图像更新所有保留按钮图像。合乎逻辑


谢谢,

此代码创建一个单选按钮组。您可以在Alloy项目中使用它,尽管它不是Alloy小部件。这个链接有一个完整的经典示例

由于它不是Alloy小部件,我相信您需要通过index.js文件完成所有这些工作

在项目的应用程序文件夹中。将radioButtonActive.png和radioButton.png复制到assets/iphone和assets/android

在index.xml文件中,我通常执行以下操作:

 <Alloy>
    <Window class="container">
        <View id="radioView" />
    </Window>
</Alloy>
index.tss

".container": {
    backgroundColor:"white"
},
"Label": {
    width: Ti.UI.SIZE,
    height: Ti.UI.SIZE,
    color: "#000"
}

只是澄清一下。我相信钛合金没有它的原因是因为IOS开发工具本身也不支持它。Titanium正在将功能映射到本机功能。@Martin单选按钮在iOS上被称为Switch button,它由Titanium支持。我尝试过,但单选按钮UI没有显示出来。请给我举一个例子,这是我在测试项目中使用的所有代码。包括我创建的所有文件以及从原始经典项目中获取文件的一些说明。希望看到一个获取值按钮,在白色屏幕上读取3个字段。这些字段没有标签,只有单选按钮。你必须查看单选按钮库,看看它是否处理标签。我用垂直视图尝试了你的代码。现在显示单选按钮。但是选项标签没有显示,而且当我尝试添加多个单选按钮问题时,我对样式有问题。我更新了我的问题,请向我建议一些答案。尽管我接受了你的答案,但标签没有显示给我。请帮助我显示选项1、2和3。请帮帮我。非常漂亮的小盒子。谢谢作为一个模块/类可能会更有用,然后它可以更容易地打包并作为lib在任何项目中使用。但这并不是公认的答案。
".container": {
    backgroundColor:"white"
},
"Label": {
    width: Ti.UI.SIZE,
    height: Ti.UI.SIZE,
    color: "#000"
}
    Although titanium does not support the check box,radio button you could always fake the functionality here is custom check box and radio button for you

    var checkbox = Ti.UI.createButton({
    title: '',
    top: 10,
    right: 10,
    width: 30,
    height: 30,
    borderColor: '#666',
    borderWidth: 2,
    borderRadius: 3,
    backgroundColor: '#aaa',
    backgroundImage: 'none',
    color: '#fff',
    font:{fontSize: 25, fontWeight: 'bold'},
    value: false //value is a custom property in this casehere.
});

//Attach some simple on/off actions
checkbox.on = function() {
    this.backgroundColor = '#007690';
    this.title='\u2713';
    this.value = true;
};

checkbox.off = function() {
    this.backgroundColor = '#aaa';
    this.title='';
    this.value = false;
};

checkbox.addEventListener('click', function(e) {
    if(false == e.source.value) {
        e.source.on();
    } else {
        e.source.off();
    }
});