我创建从以下链接,单选按钮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();
截图:
标签方案一,二,三没有显示。 请帮我出这个问题。 我需要太中显示的标签。
我已经先行一步,并更新了我的模块,它会给你你想要的结果......你可以在这里获取它:
https://github.com/yozef/TiRadioButtonGroup
我觉得你应该自己把一些标签附近的单选按钮。 看看我的修改后的代码。 它不是测试,但应该做的伎俩。 也许你不得不玩的宽/高/左等属性了一下。
(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();
我已经通过您的代码了,发现你的窗口背景色设置为“白色”或“#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,
});
// **在色域,您可以更改标签颜色**