Html5 melaksanakan antara muka but iPhone contoh kemahiran tutorial code_html5

/*
* BootPage.js
**/
fungsi BootPage(){
var s = ini
base(s,LSprite,[] );
s.x = 0;
s.y = 0;
s.timeLayer = new LSprite(); .addWallPaper = function( bitmapdata){
var s = this;
//Tambah imej latar belakang
s.wallPaper = new LBitmap(bitmapdata
s.addChild(s.wallPaper); 🎜>};
BootPage.prototype.addTime = function(){
var s = this;
var shadow = new LDropShadowFilter(1,1,"black",8); addChild(s.timeLayer );
s.timeLayer.graphics.drawRect(0,"",[0,0,iosShape.getScreenWidth(),150],true,"black"); kawasan teks masa
s.timeLayer.alpha = 0.3;
s.timeText = new LTextField(); >s.timeText. saiz = 50;
s.timeText.color = "white";
s.timeText.weight = "bold"; >//Sertai kawasan Teks tarikh
s.dateText = new LTextField();
s.dateText.size = 20;
s.dateText.x = 110; 100;
s.dateText.color = "putih";
s.dateText.weight = "bold"; timeText);
s.addChild(s.dateText);
//Kemas kini tarikh melalui acara garis masa
s.addEventListener(LEvent.ENTER_FRAME,function(s){
var date = new Date( );
if(date.getMinutes() < 10){
if(date.getHours() < 10){
s.timeText.text = "0" date.getHours() " :0" tarikh .getMinutes();
}else{
s.timeText.text = date.getHours() ":0" date.getMinutes();
}
}else{
jika( date.getHours() < 10){
s.timeText.text = "0" date.getHours() ":" date.getMinutes(
}else{
s .timeText.text = date.getHours() ":" date.getMinutes();
}
}
s.dateText.text = date.getMonth() 1 "month" date.getDate() "hari";
})
};
BootPage.prototype.addSlider = function(bitmapdata){
var s = this; >s.sliderLayer .graphics.drawRect(0,"",[0,iosShape.getScreenHeight()-100,iosShape.getScreenWidth(),100],true,"black");
s.sliderLayer.alpha = 0.3;
//Tambahkan lapisan bingkai gelangsar
var barBorder = new LSprite();
barBorder.x = 35; s.addChild( barBorder);
//Tambah huraian slider
var moveBarCommont = new LTextField();
moveBarCommont.size = 12; = 10 ;
moveBarCommont.color = "white";
moveBarCommont.text = "Slide to unlock."; bar = new LSprite();
bar.x = 35;
bar.y = iosShape.getScreenHeight()-70; movement Event
bar.addEventListener(LMouseEvent.MOUSE_DOWN,function(event,s){
s.canMoveBar = true;
}); s) ){
LTweenLite.to(bar,0.5,{
x:35,
onComplete:function(s){
s.canMoveBar = false;
}
} );
s.canMoveBar = palsu;
});
s.addChild(bar); to( bar,0.5,{
x:35,
onComplete:function(s){
s.canMoveBar = false;
}
}); palsu;
});
s.addEventListener(LMouseEvent.MOUSE_MOVE,function(event){
if(bar.canMoveBar == true){
bar.x = event.offsetX - 70;
jika(bar.x > 215){bar.x = 215;}
jika(bar.x < 35){bar.x = 35;}
}
});
s.addChild(bar);
//Lukis kotak peluncur
barBorder.graphics.drawRoundRect(2,"#191818",[0,0,250,40,5],true,"black" ) ;
barBorder.alpha = 0.7;
//Lukis peluncur
bar.graphics.drawRoundRect(2,"dimgray",[0,0,70,40,5],true,"lightgray ");
bar.alpha = 0.7;
};


Da dies nur zu meiner eigenen Unterhaltung dient, werde ich nicht näher auf den Code eingehen, sondern nur auf die Verwendung von Shape.js und BootPage.js eingehen. Shape.js ist die Klasse, die zum Zeichnen der Hülle unseres iPhones verwendet wird, und BootPage.js ist die Klasse für die Startschnittstelle. Die Funktionen der beiden sind unterschiedlich. Dies entspricht der Verwendung von Shape.js zur Verwaltung des Erscheinungsbilds der Hardware und der Verwendung von BootPage.js zur Verwaltung der Anzeige.
Den Rest überlasse ich Ihnen. Obwohl der Code etwas lang ist, ist er nicht logisch. Lies es einfach langsam! Natürlich wissen Studenten, die es nicht verstehen, möglicherweise nichts über lufylegend. Das Folgende ist die offizielle Website der Engine:
http://lufylegend.com/lufylegend
Engine-API-Dokumentation:
http:/ /lufylegend.com /lufylegend/api
Für Studenten, denen es schwerfällt, Code mithilfe von CSDN-Blogs zu lesen, können Sie den Quellcode mit Ihrem Editor öffnen und einen Blick darauf werfen. Die Download-Adresse für den Quellcode lautet wie folgt:
http://files.cnblogs.com/yorhom/iphone01.rar