Lorsque vous êtes prêt à étendre votre fidèle application WPF Desktop sur plusieurs plates-formes, .net Maui est un choix attrayant. Voici à quoi cela ressemblerait avec un composant DataGrid comme exemple.
Comme vous avez peut-être une application de bureau de longue date et bien prouvée construite avec WPF qui offre une excellente expérience utilisateur, vous avez peut-être déjà prévu d’aller au-delà du bureau et de couvrent toutes les plates-formes. Pour s’aligner sur les buts commerciaux et les nouveaux objectifs, votre organisation peut envisager un ajustement supplémentaire de son modèle commercial. Par conséquent, vous pourriez être chargé d’identifier comment adapter et soutenir de nouvelles capacités pour atteindre efficacement un public plus large.
Né comme une évolution de Xamarin et avec des fonctionnalités de bureau partout, la plate-forme .NET Maui est venue de Microsoft comme un choix solide pour la migration des applications, permettant aux développeurs de créer une expérience cohérente entre les appareils. Avec les systèmes d’exploitation à partir d’un seul projet, .NET MAUI est positionné comme un choix solide pour créer des applications qui exécutent une plate-forme multipliée, offrant une solution rentable par rapport à la maintenance des applications de plate-forme natives distinctes.
Dans ce blog, je fournirai quelques idées éclairées et discuterai des défis potentiels posés par les limites actuelles du cadre. Choisir la bonne boîte à outils d’interface utilisateur pour faciliter le processus apporterait une autre perspective. À titre d’exemple, nous pouvons profiter de l’interface utilisateur Robust Progress Telerik pour Bibliothèque .net Maui Cela aide à réduire le temps de développement et facilite la création d’applications modernes et prêtes à l’entreprise avec des optimisations de performances intégrées.
Donc, la question clé semble être: que faut-il pour migrer une application WPF vers .net Maui? Pour migrer l’application pour s’exécuter non seulement sur Windows Desktop, mais aussi nativement sur Android et iOS, .NET MAUI permet une expérience cohérente entre les appareils et les systèmes d’exploitation, ce qui le rend la solution ultime dans le cas des applications qui nécessitent une plate-forme multiplateuse réelle. Une étape logique consisterait à rechercher une solution rentable par rapport à la maintenance des applications de plate-forme natives distinctes.
Explorez le cas de la migration d’une application WPF One-Grid
Prenons une application WPF simple avec une grille, liée à toute source de données et convertissez-la en un Telerik .net Maui DataGrid. Pour vous familiariser avec les étapes initiales sur la mise en place du projet, assurez-vous de revoir les concepts de base déjà discutés dans l’autre blog sur Considérations lors du portage d’une application WPF à .net Maui.
API et définitions de dataGrid
Le dataGrid propose un ensemble étendu de fonctionnalités intégrées comme Rechercher comme vous tapez, Charge à la demandeplus la norme Filtration, Regroupement, Sélection, Défilement, Tri et Montage Options.
Similaire à son Telerik UI pour WPF DataGrid Cousin, la version .net Maui peut autogerner les colonnes typées en fonction des types de données sous-jacentes. Alternativement, vous pouvez définir manuellement les colonnes nécessaires, comme divers types de colonnes et propriétés sont exposés pour la configuration directe. Réorganisation des colonnes est également pris en charge.
Pour commencer, vous pourriez trouver utile pour vous référer et comparer le plein UI Telerik pour .net Maui DataGrid API au Telerik UI pour API WPF GridView (et similaire à tous les espaces de noms répertoriés).
En plus des moyens standard de remplir les données, le.Net Maui DataGrid prend en charge la liaison à tout type qui implémente l’interface DLR IDYNAMICMETAOBjectProvider standard, telle que DynamicObject et ExpandObject. En voir plus sur .Net Maui DataGrid – Données dynamiques.
Style le dataGrid et ses éléments
À titre d’exemple, ci-dessous est une illustration de la façon de définir un dataGrid avec une colonne et de spécifier un CellContentStyle personnalisé (CellStyle dans WPF):
Code WPF
<telerik:RadGridView ItemsSource="{Binding Clubs}" AutoGenerateColumns="False"
DataContext="{StaticResource ViewModel}" >
<telerik:RadGridView.Columns>
<telerik:GridViewDataColumn DataMemberBinding="{Binding Name}" Header="Club Name">
<telerik: GridViewDataColumn .CellStyle>
<Setter Property="VerticalContentAlignment" Value="Top"/>
<Setter Property="Background" Value="#ffcc00"/>
</telerik: GridViewDataColumn .CellStyle>
</telerik:RadGridView.Columns>
</telerik:RadGridView>
Code .net Maui
<telerik:RadDataGrid ItemsSource="{Binding Clubs}" AutoGenerateColumns="False">
<telerik:RadDataGrid.BindingContext>
<local:ViewModel />
</telerik:RadDataGrid.BindingContext>
<telerik:RadDataGrid.Columns>
<telerik:DataGridTextColumn PropertyName="Name"
HeaderText="Name">
<telerik:DataGridTextColumn.CellContentStyle>
<Style TargetType="telerik:DataGridTextCellAppearance">
<Setter Property="VerticalTextAlignment Value="Top"/>
<Setter Property="BackgroundColor" Value="#ffcc00"/>
<Setter Property="TextMargin" Value="2" />
<Setter Property="TextColor" Value="#000000" />
<Setter Property="HoverTextColor" Value="#198679" />
<Setter Property="SelectedTextColor" Value="#00796B" />
</Style>
</telerik:DataGridTextColumn.CellContentStyle>
</telerik:DataGridTextColumn>
La colonne .net Maui DataGrid Le mécanisme de style permet de personnaliser l’apparence et la sensation En exposant Headerstyle, FootStyle, CellDecorationStyle, CellEditorStyle et CellContentStyle. Par exemple:
<telerik:DataGridTextColumn.FooterStyle>
<Style TargetType="telerik:DataGridColumnFooterAppearance">
<Setter Property="TextColor" Value="#FFFFFF" />
<Setter Property="BackgroundColor" Value="#00796B" />
</Style>
</telerik:DataGridTextColumn.FooterStyle>
Ensuite, à travers le CellContentStylelectorvous pouvez configurer conditionnellement les paramètres d’alignement du texte (par exemple, TextMargin
,HorizontalTextAlignment
,VerticalTextAlignment
), Options de police (par exemple, FontAttributes
,FontFamily
,FontSize
) et leTextColor
propriété.
Similaire à notre interface utilisateur Telerik pour Contrôle WPF GridViewle composant DataGrid .NET MAUI expose une fonction de style conditionnelle, y compris GroupheadersTylelelector et GroupFootersTylelector (GrouprowstyleSelector et GroupFooTerrowstylelelector dans WPF). Gardez à l’esprit que ShowGroupfooters doit être explicitement défini pour visualiser les éléments respectifs.
Code .net Maui
<telerik:RadDataGrid AutoGenerateColumns="False"
GroupHeaderStyleSelector="{StaticResource MyGroupSelector}"
ShowGroupFooters=”True”>
<telerik:RadDataGrid.Columns>
<telerik:DataGridTextColumn PropertyName="Capital"
CellContentStyleSelector="{StaticResource MyCellContentStyleSelector}"> </>
</telerik:RadDataGrid.Columns>
</telerik:RadDataGrid>
Code WPF
<telerik:RadGridView AutoGenerateColumns="False"
GroupRowStyleSelector="{StaticResource MyGroupSelector}"
ShowGroupFooters=”True”>
<telerik:RadGridView.Columns>
<telerik: GridViewDataColumn PropertyName="Capital"
CellStyleSelector="{StaticResource MyCellContentStyleSelector}"> </>
</telerik:RadGridView.Columns>
</telerik:RadGridView>
De plus amples détails sont couverts dans l’article de documentation associée: Documentation DataGrid .net Maui – Sélections de style.
Pour les paramètres et les considérations réels, prenons un exemple impliquant l’affichage des valeurs de date. Pendant que dans WPF, vous devez spécifier manuellement un éditeur de DatePicker, Telerik UI pour .net Maui offre une belle préparation à la configuration Implémentation intégrée de DateColumnavec un Cueilleur de vélo Contrôle de la sélection de valeur en mode édition.
.Net Maui xaml
<telerik:DataGridDateColumn PropertyName="Established" HeaderText="Date Established"
CellContentFormat="{}{0: ddd-d-MMM-yyyy}">
</telerik:DataGridDateColumn>
Alors que le CellContentFormat utilise la chaîne de format fournie par le framework par défaut, vous pouvez ajouter des options personnalisées comme expliqué dans le Formatage de date et d’heure standard etFormatage de date et d’heure personnaliséeArticles. Et vous pouvez en savoir plus sur la façon d’utiliser le Telerik .net Maui Localisation et fonctionnalités de mondialisation ici.
Les défis et les ressources de soutien au théâtre
Un défi clé dans cette migration est de vérifier que tous les visuels WPF existants seront rendus de la même manière, sinon mieux, dans votre application Maui .NET sur différentes plates-formes. Il convient de mentionner que la suite de composants ajoute de la valeur non seulement par des contrôles, mais aussi en utilisant des icônes, des échafaudages et d’autres options de style riche, y compris un thème de plate-forme avec des variantes claires et sombres. Ces ressources peuvent fournir plus de détails:
Telerik UI pour .net Maui est livré avec un thème intégré qui contrôle le Apparence visuelle des composants y compris les couleurs, les bordures, les arrière-plans, la taille, la disposition, la position et la taille de la police. Le thème propose également plusieurs variations de couleurs à choisir. L’image suivante montre un exemple des différences de base et des similitudes entre le Échantillon sombre violet et violet(Variation) Lorsqu’il est appliqué au contrôle de la saisie semi-automatique.

Comme la suite WPF, vous contrôlez la personnalisation des styles de contrôles spécifiques ou de collections de contrôles, et vous pouvez Modifier les ressources thème spécifiques au contrôle .
En explorant différentes options de thème, vous pouvez avoir une idée de la façon dont la colonne liée ressemblerait à la Telerik Turquoise Dark configurée:

LeTelerik .net Maui ControlSs Samples App Offre un moyen pratique de comparer les échantillons de thème intégrés. Accédez simplement à l’exemple de thème de chacun des différents composants et utilisez le bouton de thème de modification pour basculer entre les échantillons de thème.
Le Channel Progresstelerik sur YouTubeoffre plus de ressources vidéo sur Maîtriser le dataGrid .
Modèles de page intégrés
Pour améliorer davantage la productivité, l’interface utilisateur de Telerik pour.Extension Net Maui Visual Studio vous permet d’échafaudage une page d’application (écran). Cela vous permet d’ajouter rapidement des pages prédéfinies et de définir les paramètres de contrôle via l’interface utilisateur. Pour afficher un écran échafaudé dans votre application, spécifiez simplement l’espace de noms de la page et définissez l’écran directement dans le fichier XAML.
Travailler avec des documents
Le intégré Éditeur de texte directionnel et PDFVIEWER peut afficher directement des documents. Un autre avantage fourni lors de l’utilisation d’une bibliothèque telle que Telerik UI pour .net Maui est l’outillage supplémentaire tel que le Bibliothèques de traitement des documents Telerik qui facilitent les tâches associées telles que la manipulation requise des formats de documents de flux, fixe et de calcul les plus utilisés pour les applications .NET sans s’appuyer sur un logiciel tiers (MS Office, Adobe Acrobat).

La migration et la modernisation des applications existantes pour suivre les nouvelles directives commerciales et pour satisfaire les exigences complexes de l’environnement actuel de votre apport (BYOD) est une tâche difficile qui implique une enquête approfondie et une planification minutieuse.
Le partenariat avec un partenaire technologique fiable et compétent tel que Progress Telerik peut faciliter la tâche et simplifier ce processus en fournissant une seule source pour l’outillage d’interface utilisateur, la documentation centrée sur les développeurs et les ressources de démonstration pratiques. Nous priorisons l’expérience utilisateur et la sécurité de nos clients, la construction de nos produits est sur une base solide pour mieux protéger leurs données et leurs opérations. De plus, notre soutien au niveau de l’entreprise accélére le développement de la sécurisation, conforme ainsi que accessibleapplications.
Explorez le plein Suite Telerik Devcraftqui comprend Telerik UI pour WPF et UI pour .net Maui.
Essayer maintenant
mai 21, 2025
Comment migrer vos composants WPF vers .net Maui
Lorsque vous êtes prêt à étendre votre fidèle application WPF Desktop sur plusieurs plates-formes, .net Maui est un choix attrayant. Voici à quoi cela ressemblerait avec un composant DataGrid comme exemple.
Comme vous avez peut-être une application de bureau de longue date et bien prouvée construite avec WPF qui offre une excellente expérience utilisateur, vous avez peut-être déjà prévu d’aller au-delà du bureau et de couvrent toutes les plates-formes. Pour s’aligner sur les buts commerciaux et les nouveaux objectifs, votre organisation peut envisager un ajustement supplémentaire de son modèle commercial. Par conséquent, vous pourriez être chargé d’identifier comment adapter et soutenir de nouvelles capacités pour atteindre efficacement un public plus large.
Né comme une évolution de Xamarin et avec des fonctionnalités de bureau partout, la plate-forme .NET Maui est venue de Microsoft comme un choix solide pour la migration des applications, permettant aux développeurs de créer une expérience cohérente entre les appareils. Avec les systèmes d’exploitation à partir d’un seul projet, .NET MAUI est positionné comme un choix solide pour créer des applications qui exécutent une plate-forme multipliée, offrant une solution rentable par rapport à la maintenance des applications de plate-forme natives distinctes.
Dans ce blog, je fournirai quelques idées éclairées et discuterai des défis potentiels posés par les limites actuelles du cadre. Choisir la bonne boîte à outils d’interface utilisateur pour faciliter le processus apporterait une autre perspective. À titre d’exemple, nous pouvons profiter de l’interface utilisateur Robust Progress Telerik pour Bibliothèque .net Maui Cela aide à réduire le temps de développement et facilite la création d’applications modernes et prêtes à l’entreprise avec des optimisations de performances intégrées.
Donc, la question clé semble être: que faut-il pour migrer une application WPF vers .net Maui? Pour migrer l’application pour s’exécuter non seulement sur Windows Desktop, mais aussi nativement sur Android et iOS, .NET MAUI permet une expérience cohérente entre les appareils et les systèmes d’exploitation, ce qui le rend la solution ultime dans le cas des applications qui nécessitent une plate-forme multiplateuse réelle. Une étape logique consisterait à rechercher une solution rentable par rapport à la maintenance des applications de plate-forme natives distinctes.
Explorez le cas de la migration d’une application WPF One-Grid
Prenons une application WPF simple avec une grille, liée à toute source de données et convertissez-la en un Telerik .net Maui DataGrid. Pour vous familiariser avec les étapes initiales sur la mise en place du projet, assurez-vous de revoir les concepts de base déjà discutés dans l’autre blog sur Considérations lors du portage d’une application WPF à .net Maui.
API et définitions de dataGrid
Le dataGrid propose un ensemble étendu de fonctionnalités intégrées comme Rechercher comme vous tapez, Charge à la demandeplus la norme Filtration, Regroupement, Sélection, Défilement, Tri et Montage Options.
Similaire à son Telerik UI pour WPF DataGrid Cousin, la version .net Maui peut autogerner les colonnes typées en fonction des types de données sous-jacentes. Alternativement, vous pouvez définir manuellement les colonnes nécessaires, comme divers types de colonnes et propriétés sont exposés pour la configuration directe. Réorganisation des colonnes est également pris en charge.
Pour commencer, vous pourriez trouver utile pour vous référer et comparer le plein UI Telerik pour .net Maui DataGrid API au Telerik UI pour API WPF GridView (et similaire à tous les espaces de noms répertoriés).
En plus des moyens standard de remplir les données, le.Net Maui DataGrid prend en charge la liaison à tout type qui implémente l’interface DLR IDYNAMICMETAOBjectProvider standard, telle que DynamicObject et ExpandObject. En voir plus sur .Net Maui DataGrid – Données dynamiques.
Style le dataGrid et ses éléments
À titre d’exemple, ci-dessous est une illustration de la façon de définir un dataGrid avec une colonne et de spécifier un CellContentStyle personnalisé (CellStyle dans WPF):
Code WPF
Code .net Maui
La colonne .net Maui DataGrid Le mécanisme de style permet de personnaliser l’apparence et la sensation En exposant Headerstyle, FootStyle, CellDecorationStyle, CellEditorStyle et CellContentStyle. Par exemple:
Ensuite, à travers le CellContentStylelectorvous pouvez configurer conditionnellement les paramètres d’alignement du texte (par exemple,
TextMargin
,HorizontalTextAlignment
,VerticalTextAlignment
), Options de police (par exemple,FontAttributes
,FontFamily
,FontSize
) et leTextColor
propriété.Similaire à notre interface utilisateur Telerik pour Contrôle WPF GridViewle composant DataGrid .NET MAUI expose une fonction de style conditionnelle, y compris GroupheadersTylelelector et GroupFootersTylelector (GrouprowstyleSelector et GroupFooTerrowstylelelector dans WPF). Gardez à l’esprit que ShowGroupfooters doit être explicitement défini pour visualiser les éléments respectifs.
Code .net Maui
Code WPF
De plus amples détails sont couverts dans l’article de documentation associée: Documentation DataGrid .net Maui – Sélections de style.
Pour les paramètres et les considérations réels, prenons un exemple impliquant l’affichage des valeurs de date. Pendant que dans WPF, vous devez spécifier manuellement un éditeur de DatePicker, Telerik UI pour .net Maui offre une belle préparation à la configuration Implémentation intégrée de DateColumnavec un Cueilleur de vélo Contrôle de la sélection de valeur en mode édition.
.Net Maui xaml
Alors que le CellContentFormat utilise la chaîne de format fournie par le framework par défaut, vous pouvez ajouter des options personnalisées comme expliqué dans le Formatage de date et d’heure standard etFormatage de date et d’heure personnaliséeArticles. Et vous pouvez en savoir plus sur la façon d’utiliser le Telerik .net Maui Localisation et fonctionnalités de mondialisation ici.
Les défis et les ressources de soutien au théâtre
Un défi clé dans cette migration est de vérifier que tous les visuels WPF existants seront rendus de la même manière, sinon mieux, dans votre application Maui .NET sur différentes plates-formes. Il convient de mentionner que la suite de composants ajoute de la valeur non seulement par des contrôles, mais aussi en utilisant des icônes, des échafaudages et d’autres options de style riche, y compris un thème de plate-forme avec des variantes claires et sombres. Ces ressources peuvent fournir plus de détails:
Telerik UI pour .net Maui est livré avec un thème intégré qui contrôle le Apparence visuelle des composants y compris les couleurs, les bordures, les arrière-plans, la taille, la disposition, la position et la taille de la police. Le thème propose également plusieurs variations de couleurs à choisir. L’image suivante montre un exemple des différences de base et des similitudes entre le Échantillon sombre violet et violet(Variation) Lorsqu’il est appliqué au contrôle de la saisie semi-automatique.
Comme la suite WPF, vous contrôlez la personnalisation des styles de contrôles spécifiques ou de collections de contrôles, et vous pouvez Modifier les ressources thème spécifiques au contrôle .
En explorant différentes options de thème, vous pouvez avoir une idée de la façon dont la colonne liée ressemblerait à la Telerik Turquoise Dark configurée:
LeTelerik .net Maui ControlSs Samples App Offre un moyen pratique de comparer les échantillons de thème intégrés. Accédez simplement à l’exemple de thème de chacun des différents composants et utilisez le bouton de thème de modification pour basculer entre les échantillons de thème.
Le Channel Progresstelerik sur YouTubeoffre plus de ressources vidéo sur Maîtriser le dataGrid .
Modèles de page intégrés
Pour améliorer davantage la productivité, l’interface utilisateur de Telerik pour.Extension Net Maui Visual Studio vous permet d’échafaudage une page d’application (écran). Cela vous permet d’ajouter rapidement des pages prédéfinies et de définir les paramètres de contrôle via l’interface utilisateur. Pour afficher un écran échafaudé dans votre application, spécifiez simplement l’espace de noms de la page et définissez l’écran directement dans le fichier XAML.
Travailler avec des documents
Le intégré Éditeur de texte directionnel et PDFVIEWER peut afficher directement des documents. Un autre avantage fourni lors de l’utilisation d’une bibliothèque telle que Telerik UI pour .net Maui est l’outillage supplémentaire tel que le Bibliothèques de traitement des documents Telerik qui facilitent les tâches associées telles que la manipulation requise des formats de documents de flux, fixe et de calcul les plus utilisés pour les applications .NET sans s’appuyer sur un logiciel tiers (MS Office, Adobe Acrobat).
La migration et la modernisation des applications existantes pour suivre les nouvelles directives commerciales et pour satisfaire les exigences complexes de l’environnement actuel de votre apport (BYOD) est une tâche difficile qui implique une enquête approfondie et une planification minutieuse.
Le partenariat avec un partenaire technologique fiable et compétent tel que Progress Telerik peut faciliter la tâche et simplifier ce processus en fournissant une seule source pour l’outillage d’interface utilisateur, la documentation centrée sur les développeurs et les ressources de démonstration pratiques. Nous priorisons l’expérience utilisateur et la sécurité de nos clients, la construction de nos produits est sur une base solide pour mieux protéger leurs données et leurs opérations. De plus, notre soutien au niveau de l’entreprise accélére le développement de la sécurisation, conforme ainsi que accessibleapplications.
Explorez le plein Suite Telerik Devcraftqui comprend Telerik UI pour WPF et UI pour .net Maui.
Essayer maintenant
Source link
Partager :
Articles similaires