octobre
2012
Un article de bouye
Richard Bair & Jasper Potts
Démonstration plus avancée de l’app présentée durant le KeyNote d’hier (afficher le calendrier des sessions en JavaFX).
L’app a en fait été développée sur touchscreen même si elle est présentée sur desktop.
L’affichage principal est en fait une ListView customisée. L’app utilise principalement ListView avec des cell customiséees.
Presque tout, du hardware à la version de Linux utilisée est en version alpha. Normalement la version de JavaFX pour embedded sort en mars mais ils sont en avance sur leur planning.
Le parsing de XML est lent sur les embedded (principalement raspberry pi) donc ils cherchent à produire du FXML pré-compilé pour améliorer les performances.
> Présentation plus détaillée de la construction de l’écran de login via SceneBuilder.
> les programmeurs ne sont pas des designers mais on peut trouver plein de références facilement sur le net :
Http://dribbble.com -> référence de designs pour les réseaux sociaux
Http://www.uiparade.com
Http://subtlepatterns.com -> textures pour fond de scène
Pour intégrer tout cela dans l’app -> CSS !!!
– superpositions de fonds et bordures (technique utilisée par les contrôles utilisant Caspian)
– images (meilleur au niveau performances) -> Google search « ui kit » pour trouver des ressources. Sur MacOS, presque tous les contrôles sont skinnés avec des images.
Il faut préparer des sets d’images alternatives pour des affichages spécialisés (normal, retina, etc…)
Support de 9-slicing via syntaxe WC3 CSS. Le padding s’applique en plus de la bordure définie par le 9-slicing.
!! Bug de l’API : si on retire le skin par défaut, il faut re-spécifier le nom de la classe de la Skin.
!! Sur embedded, il est préférable d’utiliser Text au lieu de Label pour des raisons de performances.
> Un analyseur de CSS a été ajouté dans SceneBuilder 1.1. Permet de voir quel style est réellement appliqué sur un contrôle de manière à résoudre les problèmes.
> le contrôle timeline dans l’app est une ListView avec des cell customisées. De même pour la plupart des autres écrans de l’app.
Pour des raisons de performances sur Embedded, Jasper a fusionné les cellules et les skins.
> montage montrant les différentes animations.
Les animations sont synchronisées entre elles avec des ParallelTransitions.
Set cache à true peut parfois améliorer les perfs MAIS si la taille ou la couleur chance mieux vaut false.
Utiliser l’interpolateur EASE_BOTH souvent !!!
Commentaires récents
- dans Back from the future…
- dans Back from the future…
- dans Static linking = does not Compute
- dans Paquetage x 2
- dans Why you little…