Fermer

mai 23, 2019

En-tête et pied de page dans l'interface utilisateur Telerik pour Xamarin ListView

XamarinT Light_870x220


Le contrôle ListView de l'interface utilisateur Telerik pour Xamarin prend désormais en charge les en-têtes et les pieds de page, ce qui vous offre de nouvelles possibilités pour personnaliser l'expérience de vos utilisateurs.

Avec l'interface utilisateur Telerik pour Xamarin vous pouvez maintenant ajouter contenu personnalisé en haut et en bas de la vue Liste à l'aide des propriétés HeaderTemplate et FooterTemplate de ListView. Vous pouvez les utiliser dans votre application mobile pour afficher des informations descriptives sur le contenu (éléments de la vue liste). Dans cet article de blog, je vais vous montrer comment ajouter les deux modèles au contrôle RadListView . & Nbsp;

 En-tête et pied de page ListView "title =" En-tête et pied de page ListView "></p data-recalc-dims=

HeaderTemplate

] Le modèle HeaderTemplate peut être utilisé pour ajouter du contenu personnalisé en haut du conteneur d’éléments, mais également dans différents cas, par exemple pour ajouter du texte donnant un aperçu du contenu de la vue liste. montre comment ajouter le HeaderTemplate :

& telerikDataControls: RadListView.HeaderTemplate & gt; 19659009] & ntp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Label Texte = "Tous les mails" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & 1965; 19659027] FooterTemplate

Le RadListView FooterTemplate est affiché au bas des éléments de la liste. Voici un exemple de scénario de cas d'utilisation: disons que les éléments de la vue liste sont des messages et que vous souhaitez exécuter une opération sur tous / certains d'entre eux - dans le modèle de pied de page, vous pouvez ajouter un bouton qui supprime tout / tous les éléments sélectionnés. messages, ou les marque "comme lu". Voici comment un exemple de modèle de pied de page peut être défini:

& telerikDataControls: RadListView.FooterTemplate & gt;
& nbsp; & nbsp; & nbsp; & [196590] 19659008] & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 196565] & lt; Button Texte = Cliquez sur = "Button_Clicked" / & [
& nbsp; & nbsp; & nbsp; & nbsp; & lt; / DataTemplate & gt; 19650024]. 19659007] telerikDataControls: RadListView.FooterTemplate & gt;

Veuillez noter que les deux modèles peuvent défiler le long des éléments de la liste. Pour plus de détails, consultez notre article d'aide ici .

Utilisation de l'en-tête et du pied de page dans Xamarin ListView

Créons un exemple d'application en utilisant le HeaderTemplate et le . Modèle de pied de page . Pour la démonstration, nous allons utiliser le contrôle RadDockLayout & nbsp; RadDockLayout fournit un mécanisme permettant aux éléments enfants d'être ancrés à gauche, à droite, en haut ou en bas de l'écran ou d'occuper la zone centrale de la présentation. Vous pouvez facilement organiser les vues afin d'obtenir une présentation complète d'une page.

Créons un modèle de vue et un objet métier qui seront la source de la liste: & nbsp;

public class ViewModel
{
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 19650064] public ViewModel ()
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nspp; & 1965; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; this .Source = new ObservableCollection & News; (&);; ; & nbsp; & nbsp; {
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp En tant que Développeur Front-End, vous serez responsable de l'apparence, de la convivialité et de la navigation dans les solutions de commerce électronique complexes. "),
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; new News ( "Nous recherchons un arc UX hitect pour notre équipe UX / UI qui raconte des histoires cohérentes, bien pensées et testées par les utilisateurs par le biais de cartes heuristiques, de flux d’utilisateurs et, finalement, de prototypes. "),
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp. & Nbsp; & nbsp; & nbsp; & nbsp. & Nbsp. & Nbsp; & nbsp guides et mises en page. "),
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & npsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; "Vous allez parler aux clients, en utilisant des données pour éclairer vos conceptions et, puisque nous croyons au design en tant qu'effort d'équipe, vous disposez d'un processus de travail ouvert comportant des critiques de conception et des évaluations par les pairs." )
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; }; 19659020] & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nd;; 19659019] ObservableCollection & lt; News & gt; Source { get ; set ;}
}
& nbsp;
public classe Actualités [1965919] {
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;; 19659064] public Nouvelles ( chaîne [description19659019])
& nbsp; & nbsp; & nbsp; & nbsp; {
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp. & nbsp; & nbsp; & nbsp; & nbsp; & nbsp & nbsp; & nbsp; }
& nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; public . string Description { get ; set ; }
}

Enfin, déclarons le RadDockLayout et ancrons le contrôle RadListView pour occuper l'espace restant de l'écran:

& lt; ScrollView [19659016] BackgroundColor = "White" &
& nbsp; & nbsp; & nbsp; & nbsp; & lt; telerikCommon: RadDockLayout & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 19659014] & Grille & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; BackgroundColor = "# 009688"
& nbsr; & nbsp; & nbsp; & nbsp; & nbsp; HeightRequest = "50" & gbs;; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; Label Texte = "Descriptions de poste" VerticalText Alignement = "Centre" / &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & . ;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & l Grille telerikCommon: RadDockLayout.Dock & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; BackgroundColor = "# 659BFC" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 19659161] & lt; Label Texte = "Navigation" VerticalTextAlignment = 19659008] / & [
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & Grid & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; [1 9665007] Grid (19659008) = "{Reliure source}" & gt; 19652513] ;;; nbsp;; 1965; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 1965919] & local: ViewModel / &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & 1965; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & & gt;; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & 1965; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & ntp; & nt;; N / n; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; '; Modèle de base de données; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; 19659007] telerikPrimitives: RadBorder Padding = "5" & gt; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 19659242] & lt; StackLayout Orientation = "." ["19659016]" Horizontal " " (2); &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & lt; 19659007] telerikPrimitives: RadBorder CornerRadius = " ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; HorizontalOptions = "Début"
& nbsp; & nbsp; & nbsp; & nbsp; & n; ; nbsp; nbsp & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n ;; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; =]; ";" ; nbsp; nbsp ;; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nb; ; nbsp; nbsp ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & 1965; 07] Image Source = "Avatar.png" Aspect = "AspectFill" / &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & l telerikPrimitives: RadBorder & g;;;;;;;;; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & nbsp; & lt; StackLayout Orientation = "Verticale" Espacement = = "0" VerticalOptions = "Centre" HorizontalOptions = "StartAndExpand" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nb ; & nbsp; & nbsp; & nbsp; & nbsp; & ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & lt; Label Texte = "Jane" FontAttributes = "Bold" TextColor = "Noir" " Margin = " 0 " / & [
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & lt; Label Texte = "@ jane" TextColor = "# 919191" Margin = "0" / &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & StackLayout & gbs; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & np; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ] & lt; telerikInput: RadButton Texte = "Ajouter une nouvelle"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; nbsp; nbsp à la recherche le; le
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & se trouve à la recherche ; "; Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & 1965; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 19659344] BorderRadius = "30"
& nbsr; ; nbsp; nbsp N ° 5; N ° 5 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; nbsp; nbsp ;; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; WidthRequest = "100"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; HeightRequest = [19659018] "40"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 19659344] Rembourrage = "12,3,12,3"
& nbsp; & nbsp; & nbsp; & nbsp; & nb; ; nbsp; nbsp n ° 5; nounous "End"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; bsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; ; nbsp; nbsp ;; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; TextColor = "# 007AFF" / & [
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; "; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; ; & lt; / telerikPrimitives: RadBorder & gt;
& n ; nbsp; bbs; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; : RadListView.HeaderTemplate & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 19659007] telerikDataControls: RadListView.FooterTemplate & g [;19659020] & nbsp; & nbsp; & nbsp; & nbsp; & n; ; & nbsp; & nbsp; & L DataTemplate & gt; 19652513] & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp. r = "# F7F7F7" &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & npp & & nbsp; & nbsp; & nrp & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nouvelles;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; à la recherche de la vie ; "White"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ] WidthRequest = "200"
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ";"; ; nbsp; nbsp ; n ° s; n ° s; n ° s; n ° s; n ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; "n ° 5 Centre "
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nb sp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp. ; nbsp; nbsp ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & 1965; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; n ° de travail 15,5,15,5 "
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & nbsp; & nbsp; BackgroundColor = "# 007AFF" / &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ;; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; Nsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ] DataTemplate & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; &; ] telerikDataControls: RadListView.FooterTemplate &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; telerikDataControls: RadListV iew.Iem & g [;19659020] & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; & lt; DataTemplate & gt; 19656513] & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n;;;;;; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & 1965; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; la vie; nbsp : ListViewTemplateCell.View &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; 19659016] Marge = "10, 10, 10, 10" BackgroundColor = "Blanc" & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & l Label Text = "{Description obligatoire}" FontSize = "15" Marge = "3" TextColor = "Noir" / &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; nbsp; nbsp ; & lt; / 19659007] StackLayout &
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & n; ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & 1965; 5] & lt; / telerikListView: ListViewTemplateCell.View & gt; 19659013] & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & 1965; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & 1965; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; "nbsp; & nbsp; & nbsp; & nbsp; & nbsp;" ] ; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & l Grille & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nd;; [19659000] & nbsp; & [1965907] DockLayout & gt;
& lt; / ScrollView & gt; 19656553] L'image ci-dessous montre le résultat final:

 Application de démonstration

C'est tout, vous avez maintenant l'affichage de votre liste avec en-tête et pied de page. & nbsp;

Dites-nous ce que vous en pensez

Avons-nous attiré votre attention avec les nouvelles fonctionnalités RadListView et le contrôle RadDockLayout ? Nous aimerions savoir ce que vous en pensez. Si vous avez des idées sur les fonctionnalités à ajouter, n'hésitez pas à partager ces informations avec nous sur notre interface utilisateur Telerik pour Xamarin Feedback .

N'oubliez pas de consulter les différentes démonstrations du Commandes de notre & nbsp; exemple de navigateur SDK & nbsp; et de l’interface utilisateur Telerik pour Xamarin & nbsp; Démos & nbsp; application.

Si vous n’avez pas encore testé l’interface utilisateur Telerik pour Xamarin, prenez faites un essai gratuit avec essai gratuit de 30 jours offrant toutes les fonctionnalités et tous les contrôles à votre disposition, sans frais supplémentaires.

Commencez mon procès

codage heureux avec nos commandes!



Source link