Avez-vous déjà eu envie de montrer plus de données dans votre application mobile? Le problème était peut-être une taille d'écran insuffisante sur votre appareil mobile, ce qui rend difficile l'adaptation de toutes les informations que vous souhaitez partager. Ce n'est plus un problème! L’interface utilisateur Telerik pour Xamarin résout ce problème pour vous.
Vous pouvez trouver deux nouveaux contrôles avec la boîte à outils de l'interface utilisateur, qui a été livrée pour la première fois dans la version R3 2018. Ces commandes résolvent le problème limité de l'immobilier sur un appareil mobile tout en offrant une interface utilisateur très élégante. Permettez-moi de vous présenter les commandes Expander et Accordion de l'interface utilisateur Telerik pour Xamarin .
Cet article de blog vous familiarisera avec ces deux commandes et avec toutes les fonctionnalités et les capacités de personnalisation qu'elles offrent. Les deux contrôles peuvent développer ou réduire leur contenu et contenir divers composants dans leur panneau de contenu.
<
telerikPrimitives: RadExpander
x: Nom
=
" expander "
HeaderText
=
" Plus d'options "
>
<
telerikPrimitives: RadExpander.Content
>
<
StackLayout
Margin
=
"10, 20, 10, 20"
>
[19659000]
=
<
StackLayout
Orientation
=
"Horizontal"
Spacing
=
"10"
>
<
telerikPrimitives: RadCheckBox
/>
<
Étiquette
Texte correspondant =
"Rendre mon profil privé"
/>
</
StackLayout
>
<
StackLayout
Orientation
=
"Horizontale"
Espacement
=
"10"
>
=
=
=
=
]
<
telerikPrimitives: RadCheckBox
/>
<
Label
Texte
=
"Afficher uniquement mes messages aux personnes qui me suivent"
/>
</
StackLayout
>
</
StackLayout
>
</
telerikPrimitives: RadExpander.Content
>
</
telerikPrimitives: RadExpander
>
Caractéristiques
Voici certaines des fonctionnalités avec lesquelles le contrôle Expander est livré:
- États effondrés et développés
- Animation
- ] Options de personnalisation
- Prise en charge de Theming
États réduits et étendus
Le contrôle héberge le contenu dans un conteneur extensible pouvant être facilement développé / réduit en tapant sur son en-tête. L'état actuel du contrôle peut être modifié par la propriété IsExpanded .
L'image ci-dessous montre l'aspect du contrôle dans ses états développé / réduit:
L'image ci-dessous montre l'aspect du contrôle RadExpander après personnalisation:
<
telerikPrimitives: RadAccordion
x: Name
=
"accordéon"
>
Source link