Bố trí động WPF: cách thực thi tỷ lệ vuông (chiều rộng bằng chiều cao)?

Question

Tôi đang học WPF và không thể tìm ra cách để làm cho các nút của tôi có hình vuông.

Đây là Markup XAML của tôi:

<Window x:Class="Example" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Height="368" Width="333"> 
    <Window.Resources> 
    <Style x:Key="ToggleStyle" BasedOn="{StaticResource {x:Type ToggleButton}}" 
          TargetType="{x:Type RadioButton}"> 
    </Style> 
    </Window.Resources> 
    <RadioButton Style="{StaticResource ToggleStyle}"> 
     Very very long text 
    </RadioButton> 
</Window> 

Xác định giá trị rõ ràng cho Width và Height thuộc tính có vẻ như là một ý tưởng sai - nút nên tính toán kích thước của nó dựa trên nội dung của nó automagically, nhưng giữ chiều rộng và chiều cao bình đẳng của nó . Điều này có thể không?

Answer 1

Hãy thử điều này - nó có vẻ làm việc trong Kaxaml:

<Button 
    MinWidth="{Binding ActualHeight, RelativeSource={RelativeSource Self}}" 
    MinHeight="{Binding ActualWidth, RelativeSource={RelativeSource Self}}"> 
    Some content 
</Button> 

(Để kiểm tra, tôi đặt một TextBox bên trong nút, vì đó là một cách dễ dàng để thay đổi kích thước nội dung mà không cần phân tích cú pháp Xaml.)

Chỉnh sửa: xin lỗi, có lẽ đã được chỉ định i t làm kiểu phù hợp với ví dụ của bạn:

<Style TargetType="Button" x:Key="SquareButton"> 
    <Setter Property="MinWidth" Value="{Binding ActualHeight, RelativeSource={RelativeSource Self}}" /> 
    <Setter Property="MinHeight" Value="{Binding ActualWidth, RelativeSource={RelativeSource Self}}" /> 
</Style> 

Answer 2

Tôi nghĩ rằng bạn muốn để ràng buộc chiều rộng nút để chiều cao của nó, như thế này:

<Button Name="myButton" 
Width="{Binding ElementName=myButton, Path=Height}" 
Height="100"> 
Button Text 
</Button>