如何在 Appcelerator 中对 button/image 产生抑制效果

Question

我有以下代码，我怎样才能在appcelartor中对图像产生"press" "depress"效果..

每种方法都适用 - 但我无法找到获得抑制效果的最佳方法。

代码：

var win = Titanium.UI.createWindow({  
    backgroundColor:"white",
});

var scrollview = Ti.UI.createScrollView({
  showVerticalScrollIndicator: true,
  showHorizontalScrollIndicator: true,
  layout: 'vertical' 
  });


var imga = Titanium.UI.createImageView ({
    image: "/png/a.png",
    top: 0
    });

var imgb = Titanium.UI.createImageView ({
    image: "/png/b.png",
    top: 10
    });

var imgc = Titanium.UI.createImageView ({
    image: "/png/c.png",
    top: 10
    });


scrollview.add(imga,imgb,imgc);     
win.add(scrollview);
win.open () ;

谢谢

Answer 1

选择/取消选择效果由平台处理，通过Button自动处理。但是，它不适用于 ImageView。所以你必须手动完成并收听 touchstart http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.ImageView-event-touchstart and touchend http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.ImageView-event-touchend 事件。

在touchstart事件中，可以通过例子设置另外一张图片来模拟选中的效果，像这样：

var imga = Titanium.UI.createImageView ({
    image: "/png/a.png",
    top: 0
 });

 imga.addEventListener('touchstart', function(e){
    e.source.image = "png/a-selected.png";
 });

  imga.addEventListener('touchend', function(e){
    e.source.image = "png/a.png";
 });

如何在 Appcelerator 中对 button/image 产生抑制效果

how to get depress effect on a button/image in Appcelerator

appcelerator

ios

appcelerator-titanium