Microsoftリボンfor WPF、RibbonButton LargeImageのみ

Question

RibbonButtonにLabelが含まれていない場合、LargeImageアイコンの下に空き領域がたくさんあります。テキストを使用する代わりに、画像（幅と高さ）を拡大したいと思います。 しかし、私はそれを行うための解決策を見出しませんでした。

私が知った唯一の事は、画像を中央に配置するためにマージンを設定することですが、画像を全体の領域に合わせて欲しいと思います。

これに関するコメントはありますか？

Answer 1

テンプレートの編集（使用ブレンドしたり、ブレンドを持っていない場合、このようにそれを行う場合：.NET 4 control default templates without Blend）

これは、リボンボタンのスタイルの既定のコントロールテンプレートの一部です：

<ControlTemplate TargetType="{x:Type ribbon:RibbonButton}"> 
    <Border x:Name="OuterBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="{TemplateBinding CornerRadius}" SnapsToDevicePixels="True"> 
     <Border x:Name="InnerBorder" BorderBrush="Transparent" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{TemplateBinding CornerRadius}" Padding="{TemplateBinding Padding}"> 
     <StackPanel x:Name="StackPanel"> 
      <Image x:Name="PART_Image" 
       RenderOptions.BitmapScalingMode="NearestNeighbor" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
       Height="32" Margin="{DynamicResource {ComponentResourceKey ResourceId=LargeImageMargin, TypeInTargetAssembly={x:Type ribbon:Ribbon}}}" Source="{TemplateBinding LargeImageSource}" VerticalAlignment="Center" 
       Width="32"/> 
      <Grid x:Name="Grid" HorizontalAlignment="Center" VerticalAlignment="Center"> 
      <ribbon:RibbonTwoLineText x:Name="TwoLineText" HorizontalAlignment="Center" LineStackingStrategy="BlockLineHeight" LineHeight="13" Margin="1,1,1,0" TextAlignment="Center" Text="{TemplateBinding Label}" VerticalAlignment="Top"/> 
      </Grid> 
     </StackPanel> 
     </Border> 
    </Border> 

をあなたのニーズにこれを変更し、あなたが例えば、周囲のボーダーに画像の幅と高さを調整することができます：<：...キー=「TEMP」のControlTemplate X>

<ControlTemplate TargetType="{x:Type ribbon:RibbonButton}"> 
    <Border x:Name="OuterBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="{TemplateBinding CornerRadius}" SnapsToDevicePixels="True"> 
     <Border x:Name="InnerBorder" BorderBrush="Transparent" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{TemplateBinding CornerRadius}" Padding="{TemplateBinding Padding}"> 
     <StackPanel x:Name="StackPanel"> 
      <Image x:Name="PART_Image" 
       RenderOptions.BitmapScalingMode="NearestNeighbor" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
       Stretch="Fill" Height="{Binding ElementName=InnerBorder, Path=ActualHeight}" 
       Margin="{DynamicResource {ComponentResourceKey ResourceId=LargeImageMargin, TypeInTargetAssembly={x:Type ribbon:Ribbon}}}" Source="{TemplateBinding LargeImageSource}" VerticalAlignment="Center" 
       /> 
      <Grid x:Name="Grid" HorizontalAlignment="Center" VerticalAlignment="Center"> 
      <ribbon:RibbonTwoLineText x:Name="TwoLineText" HorizontalAlignment="Center" LineStackingStrategy="BlockLineHeight" LineHeight="13" Margin="1,1,1,0" TextAlignment="Center" Text="{TemplateBinding Label}" VerticalAlignment="Top"/> 
      </Grid> 
     </StackPanel>