Fermer

avril 13, 2021

Nouveau thème Office 2019 dans la suite WinForms


Nous avons écouté vos commentaires pour un nouveau thème Office, et avec la version R1 2021 de l'interface utilisateur Telerik pour la suite WinForms, nous avons introduit le tout nouveau thème Office2019Light, inspiré de la célèbre suite de productivité Microsoft Office.

La suite Telerik UI pour WinForms offre un large éventail de thèmes bureautiques commençant par Office2007 (bleu, noir et gris), Office2010 (bleu, noir et gris) et se terminant par Office2013 (clair et foncé). [19659003] Malgré un grand écart depuis notre dernier thème Office (2013), nous n'avons jamais cessé de travailler sur de nouveaux thèmes. Ces dernières années, nous avons introduit des thèmes basés sur les dernières tendances: Material design (Material themes), Fluent design (Fluent and FluentDark themes) et Mac-inspire Thèmes (Crystal et CrystalDark).

Après avoir reçu des commentaires indiquant qu'un nouveau thème Office est important pour vous, nous l'avons placé en haut de notre liste de thèmes et je suis heureux d'annoncer le thème Office2019Light avec le billet de blog d'aujourd'hui. 🙂

Les thèmes Office évoluent et le nouveau thème Office2019 n'échappe pas à cette règle. Pour être honnête, à mes yeux, c'est le thème le plus complet, le plus moderne et le plus beau de la suite Telerik UI pour WinForms. Inspiré de la célèbre suite de productivité Microsoft Office, il vous aidera à offrir une apparence et une sensation fraîches et fluides directement dans vos applications WinForms.

Les couleurs du thème sont, comme son nom l'indique, claires. Pour les couleurs d'accent, nos designers ont choisi les variations de couleur du bleu. Voici une liste des couleurs utilisées dans le thème.

 La palette Office2019Light comprend des bleus, des blancs, des gris, du noir et du rouge

Il est temps de jeter un œil au thème. Voici quelques-uns des contrôles les plus populaires de la suite Telerik UI pour WinForms avec le thème Office2019Light appliqué.

RadGridView:

 RadGridView affiche un tableau avec un fond blanc, des caractères noirs et des bordures grises . La ligne sélectionnée est bleu roi. L'état de survol est bleu clair. Et les résultats de la recherche «175» sont surlignés en bleu entre ces deux autres couleurs bleues.

RadScheduler:  RadScheduler montre un calendrier dans lequel les heures de la journée de travail ont un arrière-plan gris chaud très clair en cas de désactivation les heures sont blanches. Les bordures sont d'un gris moyen. Aujourd'hui est mis en évidence avec une bordure bleu vif. La ligne de date est par ailleurs bleu clair et le survol est une nuance plus foncée de bleu clair. Un événement a un fond jaune pâle. Deux autres événements ont un bord gauche rouge foncé; l'un de ceux-ci a un fond de lavande.

RadRichTextEditor:  RadRichTextEditor montre un traitement de texte avec un fond blanc et des caractères noirs. Le texte en surbrillance est en bleu clair.

Vous pouvez consulter le thème en détail dans l'outil Thème Viewer et dans notre Demo Application .

Pour ajouter le thème à vos projets, vous pouvez utiliser l'assistant de configuration de projet. Accédez simplement à l'élément «Configurer le projet» dans le menu Telerik dans Visual Studio comme indiqué dans l'image ci-dessous:

 Telerik> Telerik UI pour WinForms> Configurer le projet "title =" installation-deployment-and-distribution- vsx "/></p data-recalc-dims=

Dans la deuxième étape de l'assistant, vous verrez le nouveau thème Office2019Light:

 Assistant de configuration. Dans une fenêtre de configuration du projet en cours, une liste de thèmes à sélectionner offre un aperçu de l'actuel sélectionné Office2019Colorful

Pour appliquer le thème à l'ensemble de l'application, ajoutez simplement la ligne de code suivante:

ThemeResolutionService.ApplicationThemeName = "Office2019Light" ;

Glyphs

Toutes les polices sont rendus parfaitement clairs avec des paramètres DPI plus élevés. Par conséquent, nous avons conçu le thème avec des glyphes de police (symboles) pour chaque symbole et flèche. Cela garantit que, avec des paramètres DPI élevés, le thème sera parfaitement pixelisé.

Les glyphes de police utilisés Thème Office2019 sont fro m la célèbre police TelerikWebUI. Cette police fournit un grand nombre d'icônes et une liste complète des glyphes de police est disponible sur le lien suivant: https://docs.telerik.com/devtools/wpf/styling-and-appearance/glyphs/common -styles-aspect-glyphs-reference-sheet .

Pour utiliser un glyphe dans votre application, copiez simplement le numéro de glyphe de la feuille de référence du glyphe. Attribuez ensuite le glyphe à la propriété Text d'un RadButton (notez qu'avant le code du glyphe, vous devez ajouter " u", car il s'agit de code hexadécimal). Et la dernière étape consiste à définir la police du contrôle. Vous trouverez ci-dessous un exemple pour ajouter des glyphes aux boutons Soumettre et Annuler avec les couleurs de premier plan correspondantes:

this .radButton1.Text = " ue11A" ;

this .radButton1.ForeColor = Color.Green;

this .radButton1.ButtonElement.TextElement.CustomFont = "TelerikWebUI" ;

this .radButton1.ButtonElement.TextElement.CustomFontSize = 14;

this .radButton2.Text = " ue11D" ;

this .radButton2.ForeColor = Color.Red;

this .radButton2.ButtonElement.TextElement.CustomFont = "TelerikWebUI" ;

this .radButton2.ButtonElement. TextElement.CustomFontSize = 14; [19659053] glyphes - deux icônes circulaires, un cercle vert avec une coche et un cercle rouge avec un X. La vérification est survolée avec une info-bulle indiquant «Soumettre». " title="glyphs"/>

À venir ensuite 🤩

Comme vous l'avez peut-être deviné à partir du nom de ce thème — Office 2019 Light —Je peux confirmer que nous ne nous arrêterons pas uniquement à l'édition Light. Nous travaillons actuellement sur deux variantes de thème Office 2019 - Gris et Foncé, que nous prévoyons d'inclure dans la prochaine interface utilisateur Telerik pour WinForms, R2 2021. Voici quelques instantanés des thèmes:

Thème Office2019Gray

 office2019gray ressemble beaucoup au thème Light, mais son arrière-plan est gris plutôt que blanc, donc tout devient un peu plus sombre.

Office2019Dark theme

 Le thème office2019dark est essentiellement l'inverse de Light, avec un fond noir et des caractères blancs. Les faits saillants sont toujours dans le bleu.

En plus des deux nouveaux thèmes, nous prévoyons d'ajouter une option pour changer la couleur d'accentuation des thèmes Office2019 du bleu à la couleur de votre choix à l'aide de notre outil de modification de thème— Visual Style Builder 😎.

Office2019Light with orange accent colors  office2019 light mais au lieu des nuances de bleu, nous voyons des nuances d'orange comme des couleurs d'accent.

Partagez vos commentaires [19659025] N'hésitez pas à nous laisser un commentaire ci-dessous pour partager vos impressions. Nous aimerions savoir comment tout cela fonctionne pour vous. 😊 Vous pouvez visiter notre UI pour le portail de commentaires Winforms et nous faire savoir si vous avez des suggestions pour des fonctionnalités / contrôles particuliers.

Si vous n'avez pas essayé l'interface utilisateur Telerik pour WinForms, vous devriez consultez notre essai gratuit ou, mieux encore, parcourez toutes nos suites d'interface utilisateur dans le bundle DevCraft !




Source link