我一直在寻找如何做到这一点,但我没有成功。
我想要完成的是:我有一个 TableView,比如说 5 行。我希望能够向左滑动一行以显示该行“后面”的信息。不确定是否可以通过向 TableView 添加额外的行并将其放在后面来完成,还是什么?
归根结底,更酷的是能够向左或向右滑动该行,并且根据您滑动的方向,后面的行会填充不同的信息。
有任何想法吗?
我一直在寻找如何做到这一点,但我没有成功。
我想要完成的是:我有一个 TableView,比如说 5 行。我希望能够向左滑动一行以显示该行“后面”的信息。不确定是否可以通过向 TableView 添加额外的行并将其放在后面来完成,还是什么?
归根结底,更酷的是能够向左或向右滑动该行,并且根据您滑动的方向,后面的行会填充不同的信息。
有任何想法吗?
根据您的描述,听起来您想要的东西类似于 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 秒后再次隐藏视图。希望有帮助。
在 Github 上找到了完美的解决方案。 https://github.com/rborn/TiSwipeToReveal