Fermer

juin 6, 2019

Moins d'espace à l'écran avec le nouveau mode simplifié de RibbonView


Découvrez la dernière fonctionnalité de RadRibbonView – changer le mode de présentation par défaut en mode simplifié. Conçu pour tous les fans de garder les choses nettes et organisées!

Nous utilisons certaines choses tous les jours (ou presque) de notre vie. S'il y a quelque chose sur lequel nous pouvons tous nous mettre d'accord, c'est que nous nous efforçons tous de faire en sorte que toutes ces choses soient bien organisées et équilibrées. C’était également l’un des objectifs principaux de Telerik UI pour la version R2 2019 de WPF également.

C’est pourquoi nous facilitons la simplification du nouveau Ruban dans notre dernière version. Je pense que si vous êtes fan de garder les choses ordonnées et organisées, vous allez adorer!

Ce ruban plus petit et plus compact est conçu pour vous montrer les éléments de ruban les plus couramment utilisés dans une interface simplifiée à une seule ligne. Il remplace le design plus volumineux qui domine Microsoft Office depuis des années. Selon l'annonce par Microsoft de cette nouvelle interface utilisateur ruban, le changement est "conçu pour aider les utilisateurs à se concentrer sur leur travail et à collaborer naturellement avec d'autres".

Comment ce changement est-il réalisé? En réduisant l'espace vertical et en utilisant un nombre réduit de commandes très utilisées.

Quel est le principal avantage? Augmentation de la productivité des utilisateurs finaux, tout en offrant la possibilité de revenir à la vue par ruban traditionnelle en une seule bascule.

Passons maintenant à la nouvelle fonctionnalité de RadRibbonView – changer le mode de présentation par défaut en mode simplifié.

Configuration d’un contenu simplifié

Le nouveau LayoutMode de RadRibbonView est conçu pour être entièrement personnalisable. Qu'est-ce que je veux dire?

VOUS êtes l’auteur de l’ensemble du contenu simplifié qui sera affiché lors du passage au nouveau mode. Alors, profitez au maximum de votre pouvoir et utilisez-le à bon escient.

Voici quelques armes secrètes pour mener à bien cette tâche:

  • La propriété SimplifiedItems de RadRibbonTab
  • The SimplifiedContentHeight de RadRibbonTab
  • Last but not less – this awesome article d'aide

La propriété SimplifiedItems vous permet de contrôler totalement ce qui est affiché, lorsque le mode de présentation de RadRibbonView est simplifié. L’idée du ruban simplifié est de gagner de la place dans l’écran vertical; Cependant, cela se fait au détriment de l'espace horizontal. Vous trouverez peut-être utiles les conseils à venir pour adapter la disposition par défaut:

  • Supprimez les éléments (boutons, groupes) qui ne font pas partie intégrante de votre application. Vous pouvez toujours les atteindre en passant au mode par défaut.
  • Combinez plusieurs éléments dans une liste déroulante. Par exemple, si vous avez les boutons "Couper", "Copier" et "Coller" dans la présentation par défaut, vous pouvez les combiner dans un seul RadRibbonSplitButton dans la présentation simplifiée.
  • Si vous ne le souhaitez pas un RadRibbonGroup à effondrer lorsque la LayoutMode est simplifiée vous pouvez utiliser la Variants propriété du RadribbonGroup simplifiée ].

Pour les voir en action, allons-nous commencer notre voyage vers la perfection? Dans l’exemple suivant, j’utilise le ruban de RadDiagram + les astuces pratiques un peu plus haut. Oh, et le thème populaire Fluent (oui, le nouveau LayoutMode est sans aucun doute fourni avec un support intégré pour tous les thèmes disponibles !).

Mode par défaut DiagramRibbon

Il s'agit du mode par défaut de DiagramRibbon avec l'onglet Accueil actuellement sélectionné. Le premier RadRibbonGroup – le Général – ressemble actuellement à:

 < telerikRibbon: RadRibbonGroup   Header  =  "{telerik: LocalizableResource Key = DiagramRibbon_General}"   x: Nom  =  "generalGroup" [194523]].
   telerik: ScreenTip.Description  =  "{telerik: LocalizableResource Key = DiagramRibbon_GeneralDescription}" 
   telerik: ScreenTip ] =  "{telerik: LocalizableResource Key = DiagramRibbon_General}" 
  Icon  =  "{telerik: IconResource IconRelativePath = 16 / CollapsedGroupIcall / home_ic IconSources = {StaticResource IconPaths}} "> 
   < telerikRibbon: RadRibbonButton   x: Nom  = " NouveauButton "  Commande  =  "diagramme: DiagramCommands.Clear"   ribbonPrimitives: KeyTipService.AccessText  =  "N" 
   CommandTarget  =  "{TemplateBinding Diagram}" 
  = 19659023] =  =  =  =  =  =  = IconRelativePath = new.png, IconSources = {StaticResource IconPaths}} "  Size  = " Large "  Text  = " {telerik: LocalizableResource Key = DiagramRibbon_New} " 19659024] /> 
   < telerikRibbon: RadRibbonButton   x: Nom  =  "OpenButton"   Commande  =. "diagramme: DiagramCommands.Open"   ribbonPrimitives: KeyTipService.AccessText  =  "O" 
   CommandTarget  =  "{Binding RelativeSource = {RelativeSource TemplatedParent}} "
   LargeImage  = " {telerik: IconResource IconRelativePath = open.png, IconS ources = {StaticResource IconPaths}} "  Size  = " Grand "  Text  =  =  =  =  =  =  =  =   />   />  ]
   < telerikRibbon: RadRibbonButton   x: Name  =  "SauverButton"   Commande  =  "diagramme: DiagramCommands.Save "  ribbonPrimitives: KeyTipService.AccessText  = " S " 
 
 Le meilleur outil 2023 pour ta croissance Instagram ! 
 
 
   
 
Source link