HTML5 implementiert Beispielcode für die iPhone-Boot-Schnittstelle. Tutorial-Fähigkeiten für HTML5

/*
* BootPage.js
**/
function BootPage(){
var s = this;
base(s,LSprite,[] );
s.x = 0;
s.y = 0;
s.sliderLayer = new LSprite(); .addWallPaper = function( bitmapdata){
var s = this; 🎜>};
BootPage.prototype.addTime = function(){
var s = this;
varshadow = new LDropShadowFilter(1,1,"black",8); addChild(s.timeLayer );
s.timeLayer.graphics.drawRect(0,"",[0,0,iosShape.getScreenWidth(),150],true,"black"); Zeittextbereich
s.timeLayer.alpha = 0.3;
s.timeText = new LTextField();
s.timeText.y = 20; >s.timeText.size = 50;
s.timeText.color = "white";
s.timeText.filters = [shadow]; >//Join-Datumstextbereich
s.dateText = new LTextField();
s.dateText.size = 20;
s.dateText.y = 100;
s.dateText.color = "white";
s.dateText.filters = [shadow]; timeText);
s.addChild(s.dateText);
//Datum durch Timeline-Ereignis aktualisieren
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" date .getMinutes();
}else{
s.timeText.text = date.getHours() ":0" date.getMinutes();
}
}else{
if( 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 „Monat“ date.getDate() "day";
})
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;
//Füge die Slider-Frame-Ebene hinzu
var barBorder = new LSprite();
barBorder.y = iosShape.getScreenHeight()-70; s.addChild( barBorder);
//Sliderbeschreibung hinzufügen
var moveBarCommont = new LTextField();
moveBarCommont.x = 80;
moveBarCommont.y = 10 ;
moveBarCommont.color = "white";
moveBarCommont.text = "Slide to unlock";
barBorder.addChild(moveBarCommont); bar = new LSprite();
bar.x = 35;
bar.y = iosShape.getScreenHeight()-70;
bar.canMoveBar = false;
//Mausklick und Maus hinzufügen Bewegung Event
bar.addEventListener(LMouseEvent.MOUSE_DOWN,function(event,s){
s.canMoveBar = true;
});
bar.addEventListener(LMouseEvent.MOUSE_UP,function(event, s) ){
LTweenLite.to(bar,0.5,{
x:35,
onComplete:function(s){
s.canMoveBar = false;
}
} );
s.canMoveBar = false;
s.addChild(bar);
bar.addEventListener(LMouseEvent.MOUSE_OUT,function(event,s){
LTweenLite. to( bar,0.5,{
x:35,
onComplete:function(s){
s.canMoveBar = false;
}
});
s.canMoveBar = false;
});
s.addEventListener(LMouseEvent.MOUSE_MOVE,function(event){
if(bar.canMoveBar == true){
bar.x = event.offsetX - 70;
if(bar.x > 215){bar.x = 215;}
if(bar.x < 35){bar.x = 35;}
}
});
s.addChild(bar);
//Zeichne das Schiebereglerfeld
barBorder.graphics.drawRoundRect(2,"#191818",[0,0,250,40,5],true,"black" ) ;
barBorder.alpha = 0.7;
//Zeichne den Schieberegler
bar.graphics.drawRoundRect(2,"dimgray",[0,0,70,40,5],true,"lightgray ");
bar.alpha = 0.7;
};


Comme c'est juste pour mon propre divertissement, je n'entrerai pas dans les détails du code, je parlerai uniquement des utilisations de Shape.js et BootPage.js. Shape.js est la classe utilisée pour dessiner la coque de notre iPhone et BootPage.js est la classe de l'interface de démarrage. Les fonctions des deux sont différentes, ce qui équivaut à ce que Shape.js soit utilisé pour gérer l'apparence du matériel et que BootPage.js soit utilisé pour gérer l'affichage.
Je vous laisse le reste pour voir par vous-même. Même si le code est un peu long, il n'est pas logique. Lisez-le lentement ! Bien sûr, les étudiants qui ne comprennent pas ne connaissent peut-être pas lufylegend. Voici le site officiel du moteur :
http://lufylegend.com/lufylegend
Documentation de l'API du moteur :
http:/. /lufylegend.com /lufylegend/api
Pour les étudiants qui ont du mal à lire le code à l'aide des blogs CSDN, pourquoi ne pas utiliser votre éditeur pour ouvrir le code source et y jeter un œil. L'adresse de téléchargement du code source est la suivante : http://files.cnblogs.com/yorhom/iphone01.rar