WPF Barre d'outils: comment supprimer la prise en main et le débordement

Question

Dans un WPF imbriqué ToolBarPanel-ToolBar-Menu, nous voulons nous débarrasser de la poignée de préhension à gauche et de la zone de débordement à droite. ils sont tous les deux grisé, mais nous aimerions qu'ils ne s'affichent pas du tout.

Des idées sur la façon d'accomplir cela?

au cas où mes termes ne seraient pas entièrement corrects, si vous regardez l'image de la Figure 3 du lien ci-dessous, sur la plus basse des trois barres d'outils, il y a la poignée à gauche du menu déroulant et à droite du bouton le plus à droite il y a le débordement.

Image des barres d'outils

Answer 1

La poignée peut être retirée en définissant la propriété attachée ToolBarTray.IsLocked="True" sur la ToolBar.

Pour supprimer le Overflow ToggleButton, vous devrez le supprimer dans un ControlTemplate personnalisé comme le suggère sixlettervariables, ce qui n'est pas trop difficile si vous avez Blend ou si vous pouvez télécharger le Blend 3 Preview.

Vous pouvez également simplement masquer le bouton dans l'événement Loaded de la ToolBar, bien que quel que soit le chemin que vous prenez, vous devriez également définir la propriété attachée ToolBar.OverflowMode="Never" sur le menu de la ToolBar, de sorte que les éléments ne puissent pas déborder accidentellement dans une zone inaccessible.

Et définissez le Overflow ToggleButton sur collapsed :

private void ToolBar_Loaded(object sender, RoutedEventArgs e)
{
    ToolBar toolBar = sender as ToolBar;
    var overflowGrid = toolBar.Template.FindName("OverflowGrid", toolBar) as FrameworkElement;
    if (overflowGrid != null)
    {
        overflowGrid.Visibility = Visibility.Collapsed;
    }
    var mainPanelBorder = toolBar.Template.FindName("MainPanelBorder", toolBar) as FrameworkElement;
    if (mainPanelBorder != null)
    {
        mainPanelBorder.Margin = new Thickness();
    }
}

Answer 2

Vous pouvez "supprimer" le débordement sans fournir un nouveau modèle de contrôle en définissant la ToolBar avec des marges droites négatives (et ajouter une marge gauche négative pour qu'elle ne paraisse pas étrange avec des bords gauches arrondis mais droits). Ensuite, ajoutez ClipToBounds="True" au ToolBarPanel qui coupera les bords de la barre d'outils qui dépassent maintenant de la zone du panneau.

    . . .

Answer 3

Vous pouvez utiliser Blend pour remplacer assez simplement le ControlTemplate pour ToolBarPanel, Menu, ou ToolBar.

1. Clic droit sur la ToolBar et sélectionnez Modifier le modèle
2. Dans Modifier le modèle, sélectionnez Modifier une copie
3. Je recommande d'ajouter la copie à un dictionnaire des ressources
4. Cliquez sur OK

Vous allez maintenant modifier le modèle de contrôle pour ToolBarPanel, et pouvez définir la visibilité sur Collapsed pour la poignée et le signal de débordement. Vous pouvez répéter la même démarche pour les autres contrôles. Cela prend un peu de temps, mais ce n'est pas terriblement difficile avec Blend.

Answer 4

Au lieu de masquer complètement le bouton de débordement, je pense qu'il est préférable de le montrer uniquement lorsque c'est nécessaire. Cela peut être fait en liant sa propriété Visibilité à sa propriété IsEnabled :

private static void FixupToolBarOverflowArrow(ToolBar toolBar)
{
    Action fixup = () =>
    {
        var overflowButton = toolBar.Template.FindName("OverflowButton", toolBar) as ButtonBase;
        if (overflowButton != null)
        {
            overflowButton.SetBinding(
                VisibilityProperty,
                new Binding("IsEnabled")
                {
                    RelativeSource = RelativeSource.Self,
                    Converter = new BooleanToVisibilityConverter()
                });
        }
    };

    if (toolBar.IsLoaded)
    {
        fixup();
    }
    else
    {
        RoutedEventHandler handler = null;
        handler = (sender, e) =>
        {
            fixup();
            toolBar.Loaded -= handler;
        };

        toolBar.Loaded += handler;
    }
}

(la même chose peut être faite en XAML en redéfinissant le modèle)

Answer 5

Je débute tout juste avec WPF et je n'ai pas réussi à cacher ma flèche de débordement avec aucune des méthodes ci-dessus (Visual Studio 2010). La seule chose qui semblait affecter la flèche était l'exemple Toolbar_Load ci-dessus, mais tout ce qu'il faisait était de transformer la flèche en un espace vide qui avait l'air aussi mauvais que la flèche. La manière la plus simple que j'ai trouvée était simplement de définir les marges de la barre d'outils.

         Margin="0,0,-13,0">