均一な幅と高さを持つボタンを作成するにはどうすればよいですか？

Question

サイズが最大のエッジのボタンを作成したいと思います。

この理由は、ボタンをDataGrid列に埋め込まれた小さな情報サークルにしたいからです。

現在、私が持っている：

<DataGridTemplateColumn> 
    <DataGridTemplateColumn.CellTemplate> 
     <DataTemplate> 
      <Button Content="i" Padding="2" Margin="0" 
        VerticalAlignment="Center" 
        HorizontalAlignment="Center" 
        Width="{Binding Source=Self, Path=Height}"> 
       <Button.Template> 
        <ControlTemplate TargetType="{x:Type Button}"> 
         <Grid> 
          <Ellipse Fill="#FFF4F4F5" Stroke="#FF6695EB"/> 
          <ContentPresenter Margin="0" 
               RecognizesAccessKey="False" 
               SnapsToDevicePixels="True" 
               VerticalAlignment="Center" 
               HorizontalAlignment="Center" 
               /> 
         </Grid> 
        </ControlTemplate> 
       </Button.Template> 
      </Button> 
     </DataTemplate> 
    </DataGridTemplateColumn.CellTemplate> 
</DataGridTemplateColumn> 

Answer 1

は、例えば、ボタンから派生したクラスを作成し、測定を上書き

あなたは、このような何か、それを使用することができます

public class SquareButton : Button 
{ 
    protected override Size MeasureOverride(Size constraint) 
    { 
     Size size = base.MeasureOverride(constraint); 
     size.Height = size.Width = Math.Max(size.Height, size.Width); 
     return size; 
    } 
} 

：XAMLで幅または高さのいずれかをハードコーディングしている場合は、同様にそれらの両方をハードコーディング（および任意のメソッドをオーバーライドすることを避ける）こと

<local:SquareButton 
    Content="i" Padding="2" Margin="0" 
    VerticalAlignment="Center" 
    HorizontalAlignment="Center"> 
    <local:SquareButton.Template> 
     <ControlTemplate TargetType="{x:Type Button}"> 
      <Grid> 
       <Ellipse Fill="#FFF4F4F5" Stroke="#FF6695EB"/> 
       <ContentPresenter Margin="0" 
        RecognizesAccessKey="False" 
        SnapsToDevicePixels="True" 
        VerticalAlignment="Center" 
        HorizontalAlignment="Center" 
        /> 
      </Grid> 
     </ControlTemplate> 
    </local:SquareButton.Template> 
</local:SquareButton> 

Answer 2

カスタムコントロールを作る - SquareButton

public class SquareButton : Button 
{ 
    protected override void OnPropertyChanged(DependencyPropertyChangedEventArgs e) 
    { 
     if (e.Property == HeightProperty || e.Property == WidthProperty) 
      this.Height = this.Width = Math.Max(this.Width, this.Height); 

     base.OnPropertyChanged(e); 
    } 
}