Question

当我开始知道我们不能在钛的pickerview中使用自定义图像或背景/边框/文字颜色。

所以我想到了用自定义图像/字体向用户显示按钮的想法，当用户点击按钮时，选择器视图行就像通过单击选择器视图一样启动。有可能吗？

所以我的问题：如何在点击按钮时启动选择器视图。

Answer 1

你也可以试试Titanium.UI.OptionDialog，你可以改变它，而不是在窗口中有事件监听器，你可以在另一个自定义视图中将它用作按钮。

Ti.UI.setBackgroundColor('white');
var win = Ti.UI.createWindow({
  title: 'Click window to test',
  backgroundColor: 'white',
  exitOnClose: true,
  fullscreen: false
});

var opts = {
  cancel: 2,
  options: ['Confirm', 'Help', 'Cancel'],
  selectedIndex: 2,
  destructive: 0,
  title: 'Delete File?'
};

win.addEventListener('click', function(e){
  var dialog = Ti.UI.createOptionDialog(opts).show();
});
win.open();

Answer 2

使用此：

btn.addEventListener('click', function(){

  //Do your picker initialization (Picker code is taken from titanium docs)

  var picker = Ti.UI.createPicker({
  top:50,
  useSpinner: true
});
picker.selectionIndicator = true;

var fruit = [ 'Bananas', 'Strawberries', 'Mangos', 'Grapes' ];
var color = [ 'red', 'green', 'blue', 'orange' ];

var column1 = Ti.UI.createPickerColumn();

for(var i=0, ilen=fruit.length; i<ilen; i++){
  var row = Ti.UI.createPickerRow({
    title: fruit[i]
  });
  column1.addRow(row);
}

var column2 = Ti.UI.createPickerColumn();

for(var i=0, ilen=color.length; i<ilen; i++){
  var row = Ti.UI.createPickerRow({ title: color[i] });
  column2.addRow(row);
}

picker.add([column1,column2]);

win.add(picker);

});

按下按钮时启动钛捡拾器视图

2 个答案: