Découvrez la puissance du contrôle d’extension pour les formulaires Xamarin

Découvrez comment utiliser ce contrôle pratique pour gagner du temps lors du développement de votre prochaine application Xamarin.

En tant que développeurs, il est normal que nous trouvions des applications nécessitant des contrôles plus complexes que les plus courants. Dans ces moments, nous devons choisir entre les construire à partir de zéro ou chercher si les contrôles dont nous avons besoin existent déjà. Si nous choisissons de les construire nous-mêmes, nous pouvons pénaliser le temps de développement du projet. ? Ainsi, dans ce billet, en utilisant l'interface utilisateur Telerik pour Xamarin nous allons apprendre à utiliser un de ces contrôles peu communs mais très utiles pour nos applications: the Expander . 1965

Mais ?… qu’est-ce que l’Expander?

L’Expander, également appelé RadExpander, est un contrôle qui permet de regrouper un ensemble d’informations (contrôles graphiques), ce qui permet de le réduire et de le développer. vous avez toutes les informations dont vous avez besoin à l'écran, mais vous économisez de l'espace sur la conception de l'écran.

Tout d'abord… De quoi ai-je besoin?

⚠ Important: l'interface utilisateur de Telerik pour Xamarin a essai gratuit qui nous permet d’explorer tous les excellents composants qu’ils offrent dans nos applications.

Commençons!

1. Ajoutez l'espace de nom suivant à votre application

    xmlns: telerikPrimitives = "espace de nom clr: Telerik.XamarinForms.Primitives; assembly = Telerik.XamarinForms.Primitives"

2. Learning RadExpander Structure

Pour ajouter ce contrôle, vous devez utiliser la structure suivante:

Comme nous l'avons vu ci-dessus, nous devons insérer notre code entre ces deux balises, puis le fermer. Il est important de savoir qu’à l’intérieur des balises, nous pouvons ajouter la mise en page dont nous avons besoin, telle que: StackLayout, GridLayout, entre autres.
Ce sont certaines de mes propriétés préférées. ?

• HeaderText: (Champ obligatoire) Il s'agit du nom qui sera affiché dans l'en-tête de l'extension.
      

  

• HeaderLocation: Nous permet de définir l'emplacement qui obtiendra la barre d'en-tête. Les valeurs acceptées sont:
      
• Top (valeur par défaut)
      

  

      

• Bas
      

  

• BorderColor: Il s'agit de la couleur que la bordure de l'ensemble de RadExpander aura, y compris la barre d'en-tête.
      

  

Voyons un exemple!

Regardez bien avec votre implémentation! ?
Merci d'avoir lu ?!

Découvrez l'interface utilisateur de Telerik pour les documents Xamarin pour en savoir plus sur le fonctionnement de ce contrôle.