自前scrollableView的な何か

ゆる募 ScrollableViewのスクロール移動量(もしくはxの位置)を取得する方法 #titaniumjp 今こんな感じ https://t.co/bqOBRi1IZE

— そたマン (@xsota) 2015, 4月 14

 

結局自前でscrollableview的な何かをつくった。

おしまい。

 

var win = Ti.UI.createWindow();

var width = Ti.Platform.displayCaps.platformWidth;

var view1 = Ti.UI.createView({
  backgroundColor : 'red',
  width : width,
  height : "100%"
});

var view2 = Ti.UI.createView({
  backgroundColor : 'green',
  width : width,
  height : "100%"
});

var view3 = Ti.UI.createView({
  backgroundColor : 'blue',
  width : width,
  height : "100%"
});

var scrollView = Ti.UI.createScrollView({
  layout : "horizontal"
});

scrollView.add(view1);
scrollView.add(view2);
scrollView.add(view3);

var pageSize = width;

scrollView.addEventListener('scroll', function (e) {
  myScrollable(e);
});

function myScrollable (e) {
  Ti.API.info('x',e.x);
  
  var currentPage = parseInt((e.x + pageSize / 2) / pageSize);

  if (e.decelerating) {
    e.source.scrollTo((currentPage * pageSize), 0);
  }
}

win.add(scrollView);
win.open();