Titanium:如何在tableview中内联显示文本和图像?

时间:2011-07-31 17:22:56

标签: titanium appcelerator appcelerator-mobile

我所拥有的是一种基本类似于facebook墙贴的XML数据源。

帖子本身包含散布图片和视频链接的文字。现在我可以解析(使用正则表达式)所有链接没有问题。

我的问题是向用户显示此内容的最佳方式是什么?

现在我创建了一个tableview,让表视图中的每一行显示一个帖子。它看起来很棒,但图像不显示,它们只是图像URL的原始链接。

有人建议尝试使用webview,我将webview放在tableviewrow中,但由于某些原因我得到了混合结果所有webview(大约20个tableviewrows / webviews)都超出并相互重叠。

是否有更好的策略以有条理的自上而下的方式显示这些数据?

谢谢!

2 个答案:

答案 0 :(得分:2)

将webview放在表格行中是一种灾难。

您只需将每个元素添加到行视图中并执行相应的布局。

如果您在iOS上,请查看此处

corrections to "Using TableViews" from appcelerator wiki to make it work on iOS

here if on Android

答案 1 :(得分:2)

我会按如下方式提取xml的内容:

post = this.responseXML;
feed = {
 picture: post.getElementsByTag('TagNameOfImage'),
 text: post.getElementsByTag('TagNameOfText')
};

然后我会使用标签

var label = Ti.UI.createLabel({
  text: feed.text
});

yourRow.add(label);

和图片的imageView:

var iv = Ti.UI.createImageView({
  image: feed.picture
});

yourRow.add(iv);
希望我能帮助你。