AccueilActualités informatiqueLe développement mobile : Ionic 6 apporte des modifications au design iOS...

Le développement mobile : Ionic 6 apporte des modifications au design iOS et Android

La version 6.0.0 du framework d’applications mobiles open source Ionic est disponible. La sixième version majeure contient quelques modifications qui rompent avec la rétrocompatibilité. Les développeurs disposent en outre d’un support bureautique remanié et de modifications du design pour iOS et Android. Avec la version actuelle, l’équipe de développement d’Ionic introduit des nouveautés pour un grand nombre de composants.

L’équipe derrière le framework open source souhaite à l’avenir adapter le cycle des versions à la publication de nouvelles versions iOS et Android. À l’avenir, une version principale d’Ionic devrait voir le jour chaque année.

Sommaire

Pour iOS, Ionic 6 apporte des modifications au design. Outre un nouveau style pour le rechargement d’une page (Refresh), l’équipe Ionic a revu les barres d’outils et le style pour le mode sombre. En outre, la mise à jour propose la nouvelle option collapse à la fois pour ion-header ainsi que ion-footerqui permet de masquer l’arrière-plan des en-têtes et des pieds de page jusqu’à ce que les utilisateurs commencent à faire défiler la page. Le billet de blog propose un exemple de code à titre d’illustration :

<ion-header translucent="true" collapse="fade">
  <ion-toolbar>
    <ion-title>Title</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content fullscreen="true">
  ...
</ion-content>

<ion-footer translucent="true" collapse="fade">
  <ion-toolbar>
    <ion-title>Footer</ion-title>
  </ion-toolbar>
</ion-footer>

Il y a également des nouveautés pour Android en ce qui concerne le design. Par exemple, l’équipe de développement de Ionic a revu le style d’entrée dans le mode Material Design afin de prendre en compte les nouvelles variantes. filled et outline sont pris en charge. De nouveaux emplacements pour les textes d’erreur et d’aide doivent prendre en charge le compteur de caractères. En outre, la version 6 du framework met à jour ion-selectpour utiliser les derniers styles de conception de matériel avec l’interface popover.

Ionic 6 introduit de nouveaux composants, dont une nouvelle fonction de feuille de boutons. Il s’agit d’une partie de ion-modalqui permet de créer des feuilles dynamiques qui s’enclenchent à des points définis et se superposent aux contenus interactifs.

Le composant ion-datetime est également concerné par la mise à jour. L’équipe de développement a revu le composant afin qu’il puisse utiliser les nouveaux styles de sélecteur de calendrier d’iOS et d’Android. En outre, la mise à jour améliore le fonctionnement sur les terminaux de bureau avec une intégration complète du clavier et du lecteur d’écran. ion-datetime sait désormais gérer les paramètres de langue et de région.

Outre les composants mentionnés, la mise à jour propose d’autres modifications pour ion-select, ion-modal, ion-popover et bien d’autres. Pour plus de détails, voir l’article sur le blog officiel du framework Ionic.

Plus d'articles