WPF ToolBar: cómo eliminar el agarre y el desbordamiento

Question

En un WPF anidado ToolBarPanel-ToolBar-Menu queremos deshacernos del asa de agarre a la izquierda y el área de desbordamiento a la derecha. ambos están atenuados, pero nos gustaría que no se muestren en absoluto.

alguna idea sobre cómo lograr eso?

por si acaso mis términos no son del todo correctos, si miran la imagen en la Figura 3 del siguiente enlace, en la barra de herramientas más baja está el control a la izquierda del menú desplegable ya la derecha de el botón de la derecha está el desbordamiento.

Image of toolbars

Answer 1

El mango se puede quitar configurando la propiedad adjunta ToolBarTray.IsLocked="True" en la barra de herramientas.

Para eliminar Overflow ToggleButton, tendrá que eliminarlo en una Plantilla de Control personalizada como lo sugiere sixlettervariables, que si ha mezclado o puede descargar la Vista previa de la Mezcla 3 no es demasiado difícil.

También puede simplemente ocultar el botón en el caso de carga de la barra de herramientas, a pesar de que sea la ruta que tome, también debe establecer la propiedad adjunta ToolBar.OverflowMode="Never" en el menú de la barra de herramientas, por lo que los artículos no puede accidentalmente desbordamiento en un área de cobertura.

<ToolBarPanel DockPanel.Dock="Top"> 
    <ToolBar ToolBarTray.IsLocked="True" Loaded="ToolBar_Loaded"> 
     <Menu ToolBar.OverflowMode="Never"> 
      <MenuItem Header="File" /> 
      <MenuItem Header="New" /> 
     </Menu> 
    </ToolBar> 
</ToolBarPanel> 

y establecer el desbordamiento ToggleButton a colapsado:

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

Puede use Blend to rather simply override the ControlTemplate para la ToolBarPanel, Menú o barra de herramientas.

1. Haga clic derecho sobre la barra de herramientas y seleccione Editar plantilla
2. De Editar plantilla, seleccione Editar una copia
3. Recomiendo añadir la copia a un diccionario de recursos
4. Haga clic en Aceptar

Usted Ahora editaré la plantilla de control para el ToolBarPanel, y puedo configurar la visibilidad en Colapsado para la señal de control y desbordamiento. Puede enjuagar y repetir para los otros controles. Es un poco lento, pero no es terriblemente difícil con Blend.

Answer 3

Los métodos anteriores trabajos para ocultar el desbordamiento; He utilizado el siguiente para ocultar la pinza:

  <Label Height="44" Width="30" Background="{StaticResource CtrlBackground}" Margin="-20,0,0,0"></Label> 

para una disposición horizontal, y

  <Label Height="44" Width="230" Background="{StaticResource CtrlBackground}" Margin="0,-20,0,0" HorizontalAlignment="Left"></Label> 

para un diseño vertical. Coloque lo anterior después de la barra de herramientas (o barra de herramientas, si la usa)

Use el ancho y la altura que necesite para sus botones.

Kaxaml es excelente para jugar con estas cosas.

Answer 4

Estoy empezando con WPF y no pude obtener ninguno de los métodos anteriores para ocultar mi flecha de desbordamiento (Visual Studio 2010).Lo único que parecía afectar la flecha era el ejemplo de Toolbar_Load anterior, pero todo lo que hacía era convertir la flecha en un espacio vacío que se veía tan mal como la flecha. La forma más fácil que pude averiguar fue solo establecer los márgenes de la barra de herramientas.

<ToolBar Height="26" 
     Name="toolBar" 
     DockPanel.Dock="Top" 
     ToolBarTray.IsLocked="True" 
     ToolBar.OverflowMode="Never"  <!-- no effect --> 
     Margin="0,0,-13,0">     <!-- worked --> 
     <Menu ToolBar.OverflowMode="Never"> <!-- no affect --> 
      <MenuItem Header="_File"></MenuItem> 
     </Menu> 
</ToolBar> 

Answer 5

Usted puede "eliminar" el desbordamiento sin proporcionar una nueva plantilla de control al establecer la ToolBar tener márgenes negativas adecuadas (y el tiro en un margen izquierdo negativo por lo que no se ve rara, con bordes redondeados, pero que dejan cuadrada bordes derechos). Luego, agregue ClipToBounds="True" al ToolBarPanel que cortará los bordes de la barra de herramientas que ahora se pegan fuera del área del panel.

<ToolBarPanel Grid.Row="0" ClipToBounds="True"> 
    <ToolBar ToolBarTray.IsLocked="True" Margin="-5,0,-13,0" Padding="5,0,0,0"> 
    . . . 

Answer 6

En lugar de ocultar por completo el botón de desbordamiento, creo que es mejor mostrarlo solo cuando sea necesario. Esto se puede hacer mediante la unión de su propiedad Visibility a su propiedad 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; 
    } 
} 

(lo mismo se puede hacer en XAML mediante la redefinición de la plantilla)