Fermer

janvier 22, 2021

Interface utilisateur Telerik pour Xamarin R1 2021: nouveau DarkMode, RichTextEditor


La dernière version de l'interface utilisateur Telerik pour Xamarin est disponible, avec le mode sombre, les débuts officiels de RichTextEditor, les nouvelles fonctionnalités de TabView et plus encore.

Une autre année s'est écoulée, une année pleine d'incertitudes et de défis qui ont affecté chaque personne en notre monde moderne. Ici, au sein de l'équipe Telerik DevTools, nous pouvons dire avec fierté que nous avons réussi à garder intactes nos valeurs fondamentales. Nous sommes restés déterminés à apporter à nos clients la meilleure valeur possible dans la création de composants d'interface utilisateur et à accélérer leurs processus de développement. Cet article de blog fera la lumière sur les derniers ajouts et améliorations du produit Telerik UI For Xamarin .

Prise en charge du mode sombre

Sans aucun doute, l'ajout le plus important, auquel nous avons consacré une grande partie de nos efforts, est l'introduction du support du mode sombre pour nos commandes Xamarin. Pour ceux d'entre vous qui ne sont pas familiarisés avec les fonctionnalités du mode sombre d'iOS et d'Android, il s'agit essentiellement d'un mode supplémentaire à l'apparence standard du système où tous les éléments du système d'exploitation sont stylés dans une palette de couleurs plus foncée conçue par des professionnels. Les fournisseurs de plates-formes mobiles ont conçu le thème sombre afin que le contenu de premier plan soit parfaitement décrit et que toutes les fonctionnalités d'accessibilité soient également prises en charge. Certains des avantages de l'utilisation du thème sombre peuvent être les suivants:

  • Faible consommation d'énergie
  • Meilleure expérience pour les utilisateurs malvoyants
  • Meilleure vision pour tous les utilisateurs dans un environnement faiblement éclairé

Pour iOS – la fonctionnalité a été introduite dans la version 13 . Il existe une option dans les paramètres de l'appareil mobile pour appliquer globalement un thème sombre qui définirait automatiquement la palette de couleurs plus foncées pour le système et les applications en cours d'exécution.

La situation est similaire avec Android où la fonctionnalité pour appliquer le thème sombre à l'ensemble de l'appareil est disponible depuis Android 10 (niveau d'API 29). Cependant, étant donné que les versions précédentes d'Android utilisaient des modes sombres, il existe également une prise en charge pour définir un thème sombre au niveau de l'application pour certaines versions antérieures. Contrairement à iOS, lorsque vous définissez le mode sombre sous Android, les applications en cours d'exécution sont rechargées pour appliquer le nouveau look.

La fonction de mode sombre s'est avérée être un grand succès auprès des utilisateurs mobiles et nous avons décidé que nos commandes la prenant en charge seraient un élément indispensable de la suite. Le fait d'avoir intégré le thème sombre dans nos contrôles signifierait que vous n'avez pas besoin de styliser séparément les composants de l'interface utilisateur Telerik pour les contrôles Xamarin et qu'ils utiliseront automatiquement une palette plus sombre lorsque le mode du système est modifié.

Pour montrer les capacités des commandes à cet égard, nous avons décidé de mettre à niveau notre application d'échantillons QSF pour prendre pleinement en charge le nouveau mode. Dans cet esprit, vous pouvez exécuter l'application (ou la télécharger à partir des liens ci-dessous si vous ne l'avez pas déjà fait) et jeter un œil aux commandes qui vous intéressent le plus et à leur nouvelle apparence dans l'obscurité:


 appstore


 google-play


 Microsoft-Store-Badge

Dans le GIF ci-dessous, vous pouvez avoir un aperçu de la différence entre les commandes lorsque le mode est changé:

 light-dark-mode "title =" light-dark-mode "style =" vertical-align: middle ; margin-top: 5px; margin-bottom: 5px;

Le contrôle de l'éditeur de texte enrichi est désormais officiel

Nous avons poursuivi nos travaux et ajouté des fonctionnalités supplémentaires au contrôle Xamarin RichTextEditor que nous jugés nécessaires pour faire passer le contrôle à son état officiel. Voici une liste des nouvelles fonctionnalités que le composant prend désormais en charge:

  • API de gestion des erreurs
  • Notifications lors de l'ouverture d'URL non valides
  • Mise en œuvre du menu contextuel par défaut qui peut être personnalisé
  • Fonctionnalité de sélection de tout

Ci-dessous, vous pouvez jeter un œil à un GIF qui montre un menu contextuel personnalisé qui inclut la fonctionnalité «Tout sélectionner»:

 rte_selectall "title =" rte_selectall "style =" horizontal-align: middle;

Maintenant que le Le composant RichTextEditor est officiel, nous vous encourageons à l'essayer et à partager vos impressions avec nous. Nous nous efforçons toujours d'apporter une valeur supplémentaire à nos clients, donc suggérer des fonctionnalités ou des améliorations sera très apprécié.

Améliorations de la suite

Nous avons également ajouté quelques améliorations aux autres contrôles de la suite. Les plus importants d'entre eux sont répertoriés ci-dessous:

  • TabView – Ajout d'un événement de balayage
  • TabView – Ajout de la prise en charge du glissement de l'en-tête
  • DataGrid – Ajout d'une option pour masquer / afficher / supprimer le bouton Options (FilteringUI)

Voici le TabView en action lors de la définition de la propriété IsScrollable du TabViewHeader sur true:

 tabview_swipe_header "title =" tabview_swipe_header

Partagez vos idées et façonnez nos RoadMap

Nous espérons que la prise en charge du mode sombre et les fonctionnalités supplémentaires de la dernière version seront appréciées par vous et vos utilisateurs. Comme toujours, nous vous encourageons à partager vos idées ou opinions sur les commandes et ainsi jouer un rôle dans l'élaboration de notre feuille de route. Vous pouvez écrire dans le portail Telerik UI pour Xamarin Feedback ou simplement générer un ticket .

Si vous n’avez pas encore essayé l’interface utilisateur Telerik pour la suite Xamarin, sortez-le pour une spin avec un essai gratuit de 30 jours offrant toutes les fonctionnalités et commandes à votre disposition à un coût nul.

Inscrivez-vous au webinaire ou Attrapez-nous sur Twitch

N'oubliez pas de signer pour notre webinaire sur la version la semaine prochaine le 26 janvier à 11 h HE pour en savoir plus sur les dernières fonctionnalités. Vous pouvez également assister à notre session en direct d'une journée complète sur Twitch le 29 janvier de 8 h 00 à 17 h 00 HE, où nos avocats développeurs plongeront dans toutes vos fonctionnalités préférées.

Save My Webinar Siège





Source link