在钛表行视图中选择特定元素

Question

您好我正在开发使用钛的Android应用程序。我想改变点击图片event.But我无法在表view.I来选择特定的图像使用下面的代码：

var user_table = Ti.UI.createTableView({minRowHeight:5.length,hasChild:true}); 
var data = []; 
for (var i=0;i<5.length;i++) 
    { 
     var row = Ti.UI.createTableViewRow({height:'auto',className:"row"}); 
     var username = Ti.UI.createLabel(
     { 
      text:'user name', 
      height:'auto', 
      font:{fontSize:12, fontFamily:'Helvetica Neue', color:'#000'}, 
      width:'auto', 
      color:'#000', 
      textAlign:'left', 
      top:0, 
      left:35, 
     });row.add(username); 
var imageView = Ti.UI.createImageView(
     { 
      image:'../images/user.png', 
      left:0, 
      top:0, 
      height:25, 
      width:25 
     });row.add(imageView);   
    } 
    feed_table.setData(data); 
    feedWin.add(feed_table); 

我想要的目标表视图的特定行的图像，这样我可以取代它与点击事件的另一个图像。帮我选择特定的图像

Answer 1

1）在你的表格视图中，在整行上设置事件监听器。

tableView.addEventListener('click',function(event){ 
    if (event.source.id === undefined) { 
     // if no id defined then you know it is not an image... 
    } else { 
     // you have an id, you have an image.. 
     var rowNumber = event.index; 
     var image = event.source; 
    } 
}); 

2）当你创建你的图片，将设置在每一个的ID，这样就可以识别它的单击事件

var imageView = Ti.UI.createImageView({ 
    id :"image_"+ i, // set object id 
    image:'../images/user.png', 
    left:0, 
    top:0, 
    height:25, 
    width:25 
}); 

Answer 2

我会做这种方式：

addRow = function(_args) 
{ 
    var row = Ti.UI.createTableViewRow(
    { 
    height:'auto', 
    className:"row" 
    }); 

    var username = Ti.UI.createLabel(
    { 
    text: _args.text || 'user name', 
    height:'auto', 
    font:{fontSize:12, fontFamily:'Helvetica Neue', color:'#000'}, 
    width:'auto', 
    color:'#000', 
    textAlign:'left', 
    top:0, 
    left:35, 
    }); 
    row.add(username); 

    var imageView = Ti.UI.createImageView(
    { 
    image:_args.image||'../images/user.png', 
    left:0, 
    top:0, 
    height:25, 
    width:25 
    }); 
    row.add(imageView);  

    row.setImage = function(image) 
    { 
    imageView.imageURL = image; 
    }; 

    row.addEventListener('click',function(e) 
    { 
    row.setImage('new/image/path'); 
    }; 

    return row; 
} 

var user_table = Ti.UI.createTableView({minRowHeight:5.length,hasChild:true}); 
var data = []; 
for (var i=0;i<5.length;i++) 
{ 
    var newRow = addRow({ 
    text: 'my text', 
    image: 'my image url' 
    }); 
    data.push(newRow); 
} 

feed_table.setData(data); 
feedWin.add(feed_table); 

如果你需要设置的网址，您也应该使用

feedWin.data[0].rows[indexOfRow].setImage('another/image/path'); 

试试看。没有编译，所以这只是一个建议。

[更新]请注意，'自动'值可能会吸吮android。