android - 按下按钮时启动钛选择器视图

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);

});