.net Maui Tableview Binding

INFLUENCESMAG.ORG

4 min read

·

Jun 04, 2024

27

Share

Liaison de données avec TableView dans .NET MAUI

.NET MAUI offre une façon puissante et flexible de créer des interfaces utilisateur natives pour les applications mobiles multiplateformes. L'un des composants clés de la bibliothèque est le TableView, qui permet d'afficher des données sous forme de liste. Mais comment lier des données à ce composant de manière efficace ?

Comprendre le binding de données

Le binding de données dans .NET MAUI consiste à relier des propriétés d'une source de données (par exemple, une collection d'objets) à des propriétés d'interface utilisateur (comme le texte d'un label ou la valeur d'un champ). Cela permet de synchroniser automatiquement les changements entre les données et l'interface utilisateur.

Utilisation de ObservableCollection

Pour lier des données à un TableView, la meilleure pratique est d'utiliser la classe ObservableCollection. Cette classe implémente l'interface INotifyCollectionChanged, qui permet de notifier l'interface utilisateur lorsque la collection sous-jacente est modifiée.

Voici un exemple simple:

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace MauiApp1;

public partial class MainPage : ContentPage
{
    public ObservableCollection Items { get; } = new ObservableCollection()
    {
        new Item { Name = "Item 1" },
        new Item { Name = "Item 2" },
    };

    public MainPage()
    {
        InitializeComponent();
        BindingContext = this;
    }

    public class Item
    {
        public string Name { get; set; } = string.Empty;
    }
}

Lien avec TableView

Maintenant, liez les données à un TableView à l'aide du langage XAML:

Ce code crée un TableView avec une section intitulée "Items". Chaque cellule de la section affiche le nom de l'élément (Name) de la collection Items.

Points importants à retenir

• Assurez-vous que votre source de données implémente INotifyPropertyChanged pour que les changements soient reflétés dans l'interface utilisateur.
• Utilisez ObservableCollection pour garantir la synchronisation automatique des changements de données.
• Vous pouvez utiliser des Binding complexes pour formater les données ou effectuer des opérations supplémentaires.

Conclusion

Le binding de données avec TableView dans .NET MAUI est un moyen simple et efficace d'afficher des données dans votre application. En utilisant les concepts de base et les pratiques recommandées, vous pouvez créer des interfaces utilisateur dynamiques et réactives.