Appcelerator TableViewRow 滑动

Question

有谁知道允许在 tableviewrow 上左右滑动的 hack。默认的滑动操作会打开一个删除按钮，但是我需要其他按钮，但希望保持相同的用户体验，但“滑动”事件侦听器似乎不会在行上触发。

myTblRow.addEventListener('swipe', function(e){

     Titanium.API.info("huzzah, a row was swiped");

});

以上==没有骰子。

Answer 1

它确实需要一些技巧..删除 tableView 声明上的可编辑属性。

技巧是应用一个覆盖 tableRow 的视图：

var row1 = Titanium.UI.createView({
        width: Titanium.Platform.displayCaps.platformWidth,
        height: 145,
        zIndex: 100,
        opacity: 0.1
    });
    row.add(row1);

注意 zIndex，不透明度使其存在但完全透明。

现在，您需要创建一个“滑动”事件侦听器：

tableView.addEventListener('swipe', function(e){
   tableView.updateRow(e.index, createUpdateRow(e.source.myProperty), {
       animationStyle: Titanium.UI.iPhone.RowAnimationStyle.LEFT
    });
});

当事件触发时，将调用 createUpdateRow()，它会返回一个 tableRow。您将所有自定义按钮添加到此 tableRow，您可以更改行的高度，任何内容。动画样式属性将意味着如果您从右侧滑动> >向左，新行将从左侧开始动画，这是我喜欢的效果..

希望这对其他人有帮助..额外的视图（row1）是我多年来的动力！