DockPanelとCalenderで灰色の領域を取り除くにはどうすればいいですか？

Question

私はカレンダーコントロールを必要に応じてドロップダウンするようにしましたが、私はこれらの大きなグレイ領域を両側に持っています。

私は可能な限りすべてを試しましたが、カレンダーの両側のグレーの領域を取り除くことはできません。

これはXAMLで、

<DockPanel Grid.Row="0" Grid.Column="8" Height="25"> 
    <Menu DockPanel.Dock="Top" Height="25" Width="100"> 
      <MenuItem Header="calender" Height="25" Width="100" > 
       <Calendar Name="CalenderSelect" 
        SelectionMode="MultipleRange" 
        SelectedDatesChanged="Calendar_OnSelectedDatesChanged" 
        Width="192"> 
       </Calendar> 
      </MenuItem> 
    </Menu> 
</DockPanel> 

私の2番目の質問は、その内部のカレンダーとコントロールのドロップダウンを作成するには、この正しい方法です。または私はこれを間違ってやっています、どんな助けも大いに感謝されるでしょう。

Answer 1

まず、ドロップダウンコントロールを作成するのは悪い考えです。ボタンを使って、似たような操作を簡単に行うことができます。

あなたはMenuItemのコントロールを使用したい場合は、あなたがマージンを削減し、背景色を除去するためにMenuItem.ItemsTemplateを変更する必要があります。

<Menu DockPanel.Dock="Top" Height="25" Width="100"> 
    <MenuItem Header="calender" Height="25" Width="100" AutomationProperties.IsColumnHeader="True" > 
     <MenuItem.Items> 
      <Calendar Name="CalenderSelect" SelectionMode="MultipleRange" > </Calendar> 
     </MenuItem.Items> 
     <MenuItem.ItemsPanel> 
      <ItemsPanelTemplate> 
       <StackPanel Margin="-35,-5,-50,-5" Background="{x:Null}"></StackPanel> 
      </ItemsPanelTemplate> 
     </MenuItem.ItemsPanel>     
    </MenuItem> 
</Menu> 

私は、これはあなたを助けることができると思います。