问题在tianium显示的单选按钮的标签?(Issue with displaying the ra

2019-10-21 04:49发布

我创建从以下链接,单选按钮https://github.com/yozef/TiRadioButtonGroup 。 我能看到单选按钮,但相应的单选按钮标签无法显示。 我们怎样才能显示的单选按钮的标签。

我的代码:

视图:

<Alloy>
    <Window class="container">
        <View id="radiopicker" ></View>
    </Window>
</Alloy>

样式:

".container": {
    backgroundColor:"red",
    layout: 'vertical'
}

"#radiopicker":
{
    width: '90%',
    top: '25dp'
} 

控制器:

(function() {   
    var radioButton = require('/ui/tiRadioButton'); 
    var radioGroup2 = radioButton.createGroup({
        groupId:1,
        width:20,
        height:150,
        layout:'vertical',
        radioItemsValue:['One', 'Two', 'Three'],
        radioItemsPadding:10,
        radioItemsBackgroundSelectedImage:'/radioButtonActive.png',
        radioItemsBackgroundImage:'/radioButton.png',
        radioItemsWidth:33,
        radioItemsHeight:34
    }); 
    var button = Ti.UI.createButton({
        title:'Get value' 
    });
    button.addEventListener('singletap', function(e) {
        alert("Vertical radioGroup selectedIdx: " + radioGroup2.selectedValue);
    });
    $.radiopicker.add(radioGroup2);
    $.radiopicker.add(button);
})();
$.index.open();

截图:

标签方案一,二,三没有显示。 请帮我出这个问题。 我需要太中显示的标签。

Answer 1:

我已经先行一步,并更新了我的模块,它会给你你想要的结果......你可以在这里获取它:

https://github.com/yozef/TiRadioButtonGroup



Answer 2:

我觉得你应该自己把一些标签附近的单选按钮。 看看我的修改后的代码。 它不是测试,但应该做的伎俩。 也许你不得不玩的宽/高/左等属性了一下。

(function() {   
    var radioButton = require('/ui/tiRadioButton'); 
    var radioGroup2 = radioButton.createGroup({
        groupId:1,
        width:20,
        height:150,
        layout:'vertical',
        radioItemsValue:['One', 'Two', 'Three'],
        radioItemsPadding:10,
        radioItemsBackgroundSelectedImage:'/radioButtonActive.png',
        radioItemsBackgroundImage:'/radioButton.png',
        radioItemsWidth:33,
        radioItemsHeight:34
    }); 
    //Create a view to hold your labels
    var labelsView = Ti.UI.createView({
        height:150,
        left: "30" //Or whereever you want to place it
        layout:'vertical'
    });
    //Create the labels
    var label1 = Ti.UI.createLabel({
        text: "One",
        height: "34",
        width: Titanium.UI.SIZE
    });
    var label2 = Ti.UI.createLabel({
        text: "Two",
        height: "34",
        width: Titanium.UI.SIZE
    });
    var label3 = Ti.UI.createLabel({
        text: "Three",
        height: "34",
        width: Titanium.UI.SIZE
    });

    //Attach the labels to your view and your view to your radioPicker view
    labelsView.add(label1);
    labelsView.add(label2);
    labelsView.add(label3);
    $.radiopicker.add(labelsView);

    var button = Ti.UI.createButton({
        title:'Get value' 
    });
    button.addEventListener('singletap', function(e) {
        alert("Vertical radioGroup selectedIdx: " + radioGroup2.selectedValue);
    });
    $.radiopicker.add(radioGroup2);
    $.radiopicker.add(button);
})();
$.index.open();


Answer 3:

我已经通过您的代码了,发现你的窗口背景色设置为“白色”或“#FFFFFF”和tiRadioButton.js模块的标签颜色也设置为“白色”或“#FFFFFF”。 因此,你是不是能够看到拉布勒。

您可以变更窗口的backgroundColor或标签的颜色。

对于变化windowBackground颜色:

和abc.tss文件

".container": {
    backgroundColor:"red", // any color you want
    layout: 'vertical'
}

对于更改标签的颜色:

在tiRadioButton.js文件

   var radioItemLabel = Ti.UI.createLabel({
        width:Ti.UI.SIZE,
        height:Ti.UI.SIZE,
        text: arg.radioItemsValue[i],
        font: {}, // Can add your own font styles
        color:'#FFFFFF', //Label color
        top:isVertical?null:5, // 5 padding between RadioBtn & Label
        left:!isVertical?null:5, // 5 padding between RadioBtn & Label
        id:i,
    });

// **在色域,您可以更改标签颜色**



文章来源: Issue with displaying the radio button label in tianium?