Question

我一直在寻找如何做到这一点，但我一直没有成功。

我想要完成的是：我有一个TableView，比方说有5行。我希望能够向左滑动一行以显示该行“后面”的信息。不确定是否可以通过向TableView添加一行并将其放在后面，或者什么？

来完成

在一天结束时，更酷的是，能够向左或向右滑动行，并且根据您滑动的方向，后面的行会填充不同的信息。

有什么想法吗？

Answer 1

根据您的描述，听起来您想要一些类似于Twitter浏览推文时的内容。

首先，确保表格中的行没有垂直/水平布局。

然后为每行创建所需的左右滑动视图，如下所示：

var leftSwipeView = Ti.UI.createView({
  width: Ti.UI.FILL,
  height: Ti.UI.FILL,
  backgroundColor: '#ff0000', //just to make the effect apparent
  visible: false
}
var rightSwipeView = Ti.UI.createView({
  width: Ti.UI.FILL,
  height: Ti.UI.FILL,
  backgroundColor: '#00ff00', //just to make the effect apparent
  visible: false,
}
row.add(leftSwipeView);
row.add(rightSwipeView);

row.addEventListener('swipe', function(e) {
  if (e.direction == 'left'){
    leftSwipeView.setVisible(true);
    setTimeout(function(){leftSwipeView.setVisible(false);}, 2000);
  }
  if (e.direction == 'right'){
    rightSwipeView.setVisible(true);
    setTimeout(function(){rightSwipeView.setVisible(false);}, 2000);
  }
});

我在那里的片段将在2秒后再次隐藏视图。希望有所帮助。

Answer 2

在Github上找到了完美的解决方案。 https://github.com/rborn/TiSwipeToReveal

Titanium Mobile - 向左/向右滑动TableView单元格以显示后面的另一行

2 个答案: