ソース（マンガアプリ試作）

ソースの説明

マンガアプリ試作品のソースコードです。
制作環境：TitaniumuMobile
ソース　：２個

1. app.js　・・・アプリ本体
2. win1.js　・・・アプリ内のタブ１

app.js

// this sets the background color of the master UIView (when there are no windows/tab groups on it)
//ベースの背景色を黒にする
Titanium.UI.setBackgroundColor('#000');

//
Titanium.UI.iPhone.hideStatusBar();

// create tab group
var tabGroup = Titanium.UI.createTabGroup();


//　------------------------------------------------------------------
// create controls tab and root window
//　------------------------------------------------------------------
var win1 = Titanium.UI.createWindow({  
     title:'第１０話「フナコ花屋を開く」'
    , backgroundColor:'#000'
    , url:'win1.js'
});
//win3.navBarHidden = true;
var tab1 = Titanium.UI.createTab({  
    icon:'KS_nav_ui.png',
    title:'Manga',
    window:win1
});
tabGroup.addTab(tab1);  



//　------------------------------------------------------------------
// open tab group
//　------------------------------------------------------------------
tabGroup.open();

win1.js

//回転フラグ
var rotateFlag = true;
var mangaWidth = 320;
var mangaHeight = 320;

//よく使うのでこのように再定義しておくと便利！
var win = Titanium.UI.currentWindow;

//一段Viewを間に挟むようにします
var view = Ti.UI.createView();



//スクロールビューの設定
var scrollView = Ti.UI.createScrollableView(
{
  top:0//40
 , left:0//-80
 , width:mangaWidth//480
 , height:mangaHeight
 , showPagingControl:false
}
);
scrollView.setBackgroundColor('#000');


//--------------------------------------------

//--------------------------------------------

for(var i=1;i<=1;i++){
 var id=("0" + i).slice(-2);
 
 var slide_2 = Ti.UI.createImageView(
  {
   // image:'./images/mangaData' + i + '.png'
    image:'./' + id + '.JPG'
   , width:mangaWidth
   , height:mangaHeight//480
  }
 );
 scrollView.addView(slide_2);
 
 if(rotateFlag==true){
  var t2 = Ti.UI.create2DMatrix();
  t2 = t2.rotate(270);
  slide_2.transform = t2;
 }
 
  
}

 if(rotateFlag==true){
  var t3 = Ti.UI.create2DMatrix();
  t3 = t3.rotate(90);
  scrollView.transform = t3;
 }

scrollView.addEventListener('scroll',function(e){
 slider1.setValue(scrollView.currentPage);
 //label1.setText(e.value);
 var p = scrollView.currentPage +1;
 var p2 = p + '/6';
 label1.setText(p2);
})

view.add(scrollView);

//label
var label1 = Ti.UI.createLabel(
 {
  top:320//0
 , height:30
 , width:320//60
 , left:0
 , color:'#fff'
 , font:{fontSize:12}
 }
);
label1.setBackgroundColor('#000');
view.add(label1);

//Slider1
var slider1 = Titanium.UI.createSlider({
  min:0
 , max:6-1
 , value:1
 , width:260
 , height:30//'auto'
 , top:320//0
 , left:60
});
slider1.setBackgroundColor('#000');
view.add(slider1);
slider1.addEventListener('change',function(e){
}
);

//labe2
var label2 = Ti.UI.createLabel(
 {
  top:350//0
 , height:37
 , left:0
 , color:'#fff'
 , font:{fontSize:12}
 }
);
label2.setBackgroundColor('#555');
label2.setText('[広告エリア]');

view.add(label2);

scrollView.scrollToView(0);

win.add(view);