Nouvelles fonctionnalités et améliorations de Telerik TabView pour Xamarin

Telerik TabView pour Xamarin peut être utilisé pour implémenter la navigation par onglets dans vos applications Xamarin. Vous pouvez ajouter des onglets dans votre application et afficher un contenu différent dans chaque onglet. De plus, le contrôle a une variété de fonctionnalités et différentes options de personnalisation.

Avec notre première version du 2021, nous avons ajouté des fonctionnalités supplémentaires et des améliorations au contrôle TabView. Nous avons ajouté des onglets désactivés, un balayage à l'intérieur du contenu de TabView et des onglets de défilement vers l'ensemble des fonctionnalités du contrôle. Et par conséquent, ces fonctionnalités conduisent à de nombreuses améliorations dans le contrôle. 👏

Dans ce billet de blog, je vais vous familiariser avec les dernières fonctionnalités introduites dans le contrôle TabView et comment vous pouvez les utiliser dans votre application.

Onglets désactivés

Fournir une option dans le contrôle TabView qui permet d'empêcher un onglet concret de l'en-tête TabView d'être cliqué était l'une des demandes de fonctionnalités les plus votées dans notre portail de commentaires. Comme je ❤️️ pour le dire, nous écoutons nos clients, et le résultat est visible -> Le contrôle RadTabView prend en charge les Onglets désactivés .😍

Utilisation d'une seule propriété IsEnabled vous permet de choisir l'onglet à désactiver.

Dans l'exemple ci-dessous, l'onglet Désactivé est l'onglet Vacances:

et voici à quoi ressemble le TabView quand il y a un onglet désactivé

Modifier le contenu de TabView avec Balayage

Une autre demande de fonctionnalité ayant reçu le plus de votes dans notre portail de commentaires. Et par conséquent, vous pouvez l'utiliser à partir de la version officielle R1 2021 de l'interface utilisateur Telerik pour Xamarin version 2021.1.119.1.

Maintenant la modification du contenu des onglets à l'aide du geste de balayage est le comportement par défaut de TabView pour Xamarin contrôler. Une autre option que vous pouvez utiliser est de savoir si vous voulez ou non une animation en faisant défiler les onglets.

Vous pouvez activer le paramètre d'animation IsContentSwipingAnimationEnabled to True

Si vous le souhaitez pour empêcher la fonction de balayage, vous devrez définir la propriété booléenne IsContentSwipingEnabled sur False . La valeur par défaut de la propriété IsContentSwipingEnabled est True .

Dans la vidéo ci-dessous, nous pouvons voir comment l'onglet sélectionné est modifié à l'aide d'un geste de balayage 😉

Défilement à l'intérieur de l'en-tête TabView

S'il y a trop d'éléments dans le contrôle TabView et qu'ils ne peuvent pas tenir dans la zone de la bande d'onglets Le bouton Overflow est affiché. Vous pouvez maintenant choisir si vous voulez que le bouton de débordement soit visualisé ou défilant dans l'en-tête TabView .

Que faire si vous voulez faire défiler l'en-tête? – C'est très simple et facile 🤗 Vous devez utiliser la propriété RadTabView Header de type TabViewHeader – il suffit de définir sa propriété IsScrollable sur True .

and how the scrolling works;

Your Feed retour C'est important – Faites-nous savoir ce que vous pensez

Nous espérons que ces fonctionnalités rendront l'utilisation des commandes plus intuitive par les utilisations de l'application🤩.

Comme toujours, nous vous encourageons à partager vos idées ou opinions sur les commandes et jouer ainsi un rôle pour façonner notre feuille de route. Vous pouvez écrire dans le portail de commentaires Telerik UI pour Xamarin ou simplement générer un ticket .