Jquery Mobile

L’aspect visuel d’une application hybride correspond donc à l’aspect de la page HTML développée. Afin de se rapprocher du design habituel d’une application mobile, il existe différents frameworks proposant un ensemble de composants HTML adaptés à une consultation sur un mobile. On citera par exemple Framework 7 ou Onsen UI. Dans ce cours, nous utiliserons le framewok Jquery Mobile qui est développé par l’équipe du projet Jquery. Le code ci-dessous permet de créer une liste dont l’aspect visuel correspond à ce que l’on peut voir sur de nombreuses applications mobiles :

<ul data-role="listview" data-inset="true">
  <li><a href="#">Acura</a></li>
  <li><a href="#">Audi</a></li>
  <li><a href="#">BMW</a></li>
  <li><a href="#">Cadillac</a></li>
  <li><a href="#">Ferrari</a></li>
</ul>
_images/listview.png

L’ensemble des composants disponibles ainsi que leur aspect visuel peut être consulté sur demos.jquerymobile.com.