Làm thế nào để giữ một FontSize không đổi trong Khung nhìn WPF?

Question

Tôi có một số Viewbox với số lượng TextBlock s được chia tỷ lệ và định vị hoàn hảo theo số ViewBox. Một cái gì đó như thế này:

<Viewbox Stretch="Uniform"> 
    <Canvas Width="100" Height="100"> 
     <Ellipse Width="100" Height="100" Stroke="Black"/> 
     <TextBlock Width="100" TextAlignment="Center" FontSize="12">Top Center</TextBlock> 
    </Canvas> 
</Viewbox> 

Nếu người dùng thay đổi kích thước Viewbox nội dung của nó được chia tỷ lệ hoàn toàn phù hợp. Tuy nhiên, tôi muốn giữ số FontSize thành 12 bất kể kích thước thực tế của Viewbox.

Tôi làm cách nào để thực hiện việc này? Tôi có thể làm điều này trong XAML mà không đính kèm sự kiện Resize không?

Answer 1

ViewBox sẽ không cho phép bạn giữ kích thước phông chữ không đổi, đó không phải là cách hoạt động. Bạn cần phải đặt nội dung bên ngoài giao diện hộp cho điều đó xảy ra:

<Grid> 
    <Viewbox Stretch="Uniform"> 
     <Canvas Width="100" Height="100"> 
      <Ellipse Width="100" Height="100" Stroke="Black"/> 
     </Canvas> 
    </Viewbox> 
    <TextBlock TextAlignment="Center" FontSize="12">Top Center</TextBlock> 
</Grid> 

Lưu ý rằng tôi loại bỏ các tài sản Chiều rộng từ TextBlock, tôi chỉ để cho nó kéo dài cho chiều rộng của lưới điện, cho phép sự liên kết văn bản đi chăm sóc của các trung tâm.

Hoặc, bạn có thể nhận được sáng tạo và ràng buộc FontSize tài sản cho ActualWidth của ViewBox và có nó có quy mô phù hợp, ví dụ:

Chuyển đổi:

class ViewBoxConstantFontSizeConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     if (!(value is double)) return null; 
     double d = (double)value; 
     return 100/d * 12; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     throw new NotSupportedException(); 
    } 
} 

Cách sử dụng:

<Window.Resources> 
    ... 
    <local:ViewBoxConstantFontSizeConverter x:Key="conv"/> 
</Window.Resources> 
... 
<Viewbox Name="vb" Stretch="Uniform"> 
    <Canvas Width="100" Height="100"> 
     <Ellipse Width="100" Height="100" Stroke="Black"/> 
     <TextBlock Width="100" TextAlignment="Center" 
        FontSize="{Binding ElementName=vb, 
             Path=ActualWidth, 
             Converter={StaticResource conv}}"> 
      Top Center 
     </TextBlock> 
    </Canvas> 
</Viewbox> 

Answer 2

Đây có thể là một sửa chữa dễ dàng quá.

<Viewbox StretchDirection="DownOnly" > 
    <Label Content="Enable" FontSize="10" FontStretch="Normal" /> 
</Viewbox>