Dashcode et StackLayout

Classé dans : Web | 0 commentaire(s)

11
12 | 11

Vous avez un mac et vous avez installé Xcode? Bien, donc vous avez sûrement joué un peu avec Dashcode, une interface de création de site webkit/mobile. Premier tuto avec l'élément StackLayout...
Donc un tuto un peu fermé sur ce soft mais bon, c'est moi qui décide.

Dashcode est une interface wysiwyg de création de sites html/css/javascript qui s'installe avec Xcode. Le code qui suit concerne l'élément StackLayout, un snippet qui permet de gérer une pile de vues avec des transitions façon slideshow. Parmi ces transition (fade, dissolve,etc.) la transition slide est la plus prisée mais les réglages par défaut ne permettent pas un glissé de droite à gauche. Le code suivant (sur un évènement onclick) génère un glissement vers la gauche à la vue suivante:
function boutondedroite_onclick(event)
{
   var views = document.getElementById('stackLayout');
   for (var i=0;i<views.object.getAllViews().length;i++)
   {
       if (views.object.getAllViews()[i] == views.object.getCurrentView())
         var next = views.object.getAllViews()[i+1];
   }
   if (views && views.object && next) {
      views.object.setCurrentView(next);
   }
}
Pour inverser le glissement et revenir à la vue précédente il suffit de recopier cette fonction sous un autre nom (boutondegauche_onclick) et remplacer:
var next = views.object.getAllViews()[i+1];

par
var next = views.object.getAllViews()[i-1];

et
views.object.setCurrentView(next);

par
views.object.setCurrentView(next, 'reverse');


Partager cette page :

Identi.ca Twitter Digg Stumble Delicious Technorati Facebook


Ecrire un commentaire



Quelle est la troisième lettre du mot mzsl ? :