Fermer

octobre 2, 2020

Splash vos applications WPF avec une nouvelle couche de couleurs Office 20195 minutes de lecture



Salut à tous! Vous avez atterri avec succès sur les rives de la version R3 2020 et nous sommes sur le point de vous ravir avec l'une des choses les plus importantes que nous avons expédiées! Inspirée de la célèbre suite de productivité Microsoft Office et de sa dernière version, l'interface utilisateur de la superbe collection de thèmes WPF vient d'être étendue par … roulement de tambour … le tout nouveau thème Office 2019!

Microsoft Office a énormément évolué à travers les années. Et nous aussi! Le parcours de nos thèmes Office a commencé avec le thème Office Black. Et puis Office Blue, Office Silver, Office 2013 (et toutes ses variations de couleurs), Office 2016 (et sa version tactile)… Je pourrais dire que nous aimons être fantaisie et tout garder en place et surtout – vous responsabiliser pour apporter les tendances Office à vos applications WPF. Nous venons de créer notre dernier trésor Office, le thème Office 2019. Explorons ensemble!

Ce qui le distingue

Au début, je pensais que c'était juste un autre Office, pas très différent du précédent… Mais ensuite, quand j'ai eu le design pour notre thème Office 2019, me suis-je dit – ce sera une meilleure version de nos thèmes de bureau, il se démarquera.

Pour moi personnellement, ce thème est l'une de mes façons d'attraper certaines des dernières vagues de cet été. Je suis totalement amoureux de ses couleurs d'accent bleu, elles me rappellent vraiment les différents types d'aides à la détente pendant les chaudes journées d'été, que ce soit les piscines, les mers, les océans, etc.

Variations intégrées

Le thème Office2019 comprend des variations de couleurs intégrées claires, grises et foncées. C'est le premier de nos thèmes Office qui a une réelle variation Dark. C’est mon préféré, alors, oui, je vous invite à venir rejoindre le côté obscur – vous allez adorer.

Schéma de couleurs

Une autre chose qui diffère Office 2019 de presque tous les autres thèmes de notre suite est le schéma de couleurs de la palette de thèmes.

 Variations de couleurs Office 2019

Cette palette de thèmes a des couleurs distinctes pour les premiers plans , arrière-plans et frontières. Par exemple, il existe un AccentBackgroundBrush et un AccentBorderBrush. Les deux premiers carrés de chaque ligne dans l'image ci-dessus. Ils utilisent même la même couleur, alors pourquoi ne pas créer un seul AccentBrush à la place? Parce que de cette façon, vous ne pourrez pas changer uniquement l'arrière-plan de tous les éléments d'accent, sans changer la bordure de ceux-ci également. Une telle séparation vise une personnalisation encore plus flexible et sans faille.

Nous avons également pensé à vous proposer une couleur d'arrière-plan recommandée à utiliser comme base pour vos applications WPF: le BaseBackgroundBrush. Je sais que c'est une décision difficile pour beaucoup.

Eh bien, n'est-il pas grand temps de voir quelques gouttes d'Office2019 Sea?

 Office 2019 GridView Variations

 Office Variations de ScheduleView 2019

 Variations de feuille de calcul Office2019

Voici quelques-unes des interfaces utilisateur les plus fréquemment utilisées pour les contrôles WPF dans toute leur beauté et toutes les variations de couleurs du thème Office 2019. Bien, hein?

Lancez-vous dans un Flying Office2019 Start

Si c'est la première fois que vous êtes sur le point de configurer une application WPF avec nos thèmes Telerik, ne vous inquiétez pas, je suis là pour tenez votre main dans le processus. Ce sera rapide et ne fera pas de mal du tout, je vous le promets.

Il existe deux options pour atteindre l’objectif principal: utiliser des styles implicites (mon préféré) ou StyleManager. Exigence commune pour les deux options – une application WPF vide.

Si vous avez choisi des styles implicites, cliquez simplement sur n'importe quel contrôle Telerik dans la vue Conception. Cliquez ensuite sur l'élément Thème et choisissez le thème "Office 2019" parmi les choix disponibles:

 Assistant de thème Progress WPF

StyleManager, en revanche, permet également deux options. code-behind ou en utilisant la propriété associée au thème:

public MainWindow ()

{

StyleManager.ApplicationTheme = new Office2019Theme ();

] InitializeComponent ();

}

< telerik: RadButton telerik: StyleManager.Theme = "Office2019" />

Je crois que vous êtes prêt à approfondir Office2019, alors n'attendez pas une minute pour explorer ses autres trésors de la mer.

Adaptez-le à vos besoins

La dernière fois que j'ai présenté un autre de nos thèmes (le thème Visual Studio 2019 ), J'ai mentionné que j'apprécie énormément la personnalisation EEE qu'elle offre: efficace, sans effort et exquise. Le thème Office 2019 ne fait pas exception: il prend également en charge une ThemePalette comme la plupart des dernières interfaces utilisateur pour les thèmes WPF. Toutes les couleurs présentes dans cette ThemePalette peuvent être utilisées dans vos applications WPF pour obtenir les meilleurs résultats.

Pour vous aider dans le processus, nous avons une fois créé le Color Theme Generator qui permet personnalisation de la palette de thèmes interactive avec aperçu en direct. C’est bien de tout configurer et de jouer uniquement avec les couleurs comme un vrai artiste, n’est-ce pas – essayez différentes nuances, essayez différentes teintes, mélangez-les autant que vous le souhaitez. Ne vous inquiétez pas: lorsque vous avez terminé avec votre chef-d'œuvre, il vous suffit de cliquer sur un bouton pour exporter les résultats pour vous.

Si vous souhaitez modifier l'apparence d'un contrôle de base spécifique sans modifier son modèle de contrôle, l'assistant de thème peut être utile. Visez l'une de ses propriétés de dépendance (que ce soit MouseOverBrush ou PressedBrush), définissez-les directement dans XAML et profitez des résultats! Vous trouverez plus d'informations sur cet assistant et la liste complète des propriétés mentionnées précédemment dans son article de documentation .

Livrer des rapports avec Office2019 et Telerik ReportViewer

Oui, vous avez bien lu. Pour ceux d'entre vous qui ne le connaissent pas, nous avons Telerik .NET ReportViewer Controls chargé de fournir des rapports interactifs directement à vos applications de bureau (ou Web). Les rapports peuvent être affichés dans WPF avec le thème Office 2019 dans toutes ses variations de couleurs maintenant! Trouvez un aperçu exquis de ReportViewer de WPF avec le thème Office 2019 Dark appliqué ci-dessous:

 Telerik WPF ReportViewer Office2019

Essayez-le et partagez vos commentaires

D'accord, quelques lignes avant de partir. Tout d'abord, merci d'avoir pris le temps de lire mon blog. J'espère que cela vous a donné envie de:

Obtenir la dernière interface utilisateur Telerik pour WPF

Il y a beaucoup plus à explorer, donc lorsque vous essayez les derniers ajouts de la R3 2020 Release s'il vous plaît, prenez une minute ou deux pour partager vos commentaires honnêtes dans la section des commentaires ci-dessous ou dirigez-vous vers notre Portail de commentaires .

N'oubliez pas non plus de consulter l'article Office 2019 pour plus d'informations au cas où j'aurais manqué quelque chose.

Je déteste dire au revoir, mais j'espère mer bientôt . 🌊





Source link

0 Partages