Question

我有以下代码，如何制作＆＃34;按＆＃34; ＆＃34;按下＆＃34;在appcelartor中对图像的影响..

每个都有动作 - 但我无法找到获得抑郁效果的最佳方法。

代码：

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和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中对按钮/图像产生抑制效果

1 个答案: