按下按钮时启动钛选择器视图答案

【问题标题】：Launch titanium picker view when a button is pressed按下按钮时启动钛选择器视图
【发布时间】：2013-08-14 08:10:35
【问题描述】：

据我所知，我们还不能在钛金属的pickerview 中使用自定义图像或背景/边框/文本颜色。

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

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

【问题讨论】：

没有得到你的确切信息..
@KrishnaKumar 我已经编辑了我的问题。请看一下

标签： android android-layout titanium titanium-mobile

【解决方案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();

【讨论】：

是的，这就是我想要的。你之前在哪里？

【解决方案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);

});

【讨论】：