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

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;

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: 


 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! 
 Le meilleur outil 2023 pour ta croissance Instagram ! 
 
 
 
   
 
Source link 
Partager :
Cliquez pour partager sur Twitter(ouvre dans une nouvelle fenêtre)
Cliquez pour partager sur Facebook(ouvre dans une nouvelle fenêtre)
Articles similaires