WPF ToolBar：グリップとオーバーフローを除去する方法

Question

入れ子になったWPF ToolBarPanel-ToolBar-Menuでは、グリップハンドルを左に、オーバーフロー領域を右に取り除きたいと考えています。どちらもグレー表示されていますが、表示されないようにしています。

どのように達成するためのアイデアですか？

以下のリンクの図3の画像を見ると、3つのツールバーのうち、最も低いものがドロップダウンの左側とグリッドの右側にあります右端のボタンにオーバーフローがあります。

Image of toolbars

Answer 1

グリップは、ツールバーの添付プロパティToolBarTray.IsLocked="True"を設定することで削除できます。

Overflow ToggleButtonを削除するには、カスタムのControlTemplateで削除する必要があります。ブレンドしているか、ブレンド3のプレビューをダウンロードするのが難しくない場合は、sixlettervariablesが示唆しています。

ツールバーのロードされたイベントでボタンを非表示にすることもできますが、いずれのルートを使用する場合でも、ツールバーのメニューで添付プロパティーToolBar.OverflowMode="Never"を設定して、アイテムが誤って到達不能エリアにオーバーフローすることはありません。

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

そして崩壊にオーバーフロートグルを設定します。作業上記

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

あなたuse Blend to rather simply override the ControlTemplateできToolBarPanel、メニュー、またはツールバーのために。

1. は右ツールバーのをクリックし、[編集]テンプレートから
2. を編集テンプレートを選択し、編集し、私は、リソース辞書
3. [OK]をクリックします

にコピーを追加することをお勧めします

コピー]を選択しますToolBarPanelのコントロールテンプレートを編集し、グリップとオーバーフロー信号の表示をCollapsedに設定できます。あなたはすすぎ、他のコントロールのために繰り返すことができます。それは少し時間がかかりますが、ブレンドではそれほど難しくありません。

Answer 3

方法をオーバーフローを非表示にします。垂直レイアウトの水平レイアウトの

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

、および

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

：私はグリッパーを非表示にするには、以下を使用しました。ツールバー（またはそれを使用する場合はToolbarTray）の後に上記を配置します。

ボタンに必要な幅と高さを使用します。

Kaxamlはこのもので遊ぶのに優れています。

Answer 4

私はWPFを使い始めたばかりで、上記の方法でオーバーフロー矢印（Visual Studio 2010）を隠すことができませんでした。上のToolbar_Loadの例は、矢印に影響を与えたようなものだけでしたが、矢印を空のスペースに変えて矢印のように悪いものにしました。私が考えることができる最も簡単な方法は、ツールバーのマージンを設定することでした。

<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

あなたが負の右マージンを持っているToolBarを設定して、新しいコントロールテンプレートを供給することなく、オーバーフローを「削除」（と、それは丸い左端が、正方形のと奇妙に見えないように、負の左余白に投げることができます右端）。次に、ClipToBounds="True"をToolBarPanelに追加します。これにより、ツールバーの端が切り取られ、パネルの外側に張り付きます。

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

Answer 6

オーバーフローボタンを完全に隠すのではなく、必要なときにのみ表示する方がよいと思います。これは、そのIsEnabledプロパティにそのVisibilityプロパティを結合することによって行うことができます。

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; 
    } 
} 

（同じことは、テンプレートを再定義することにより、XAMLで行うことができます）