调整 TextBox 的大小，以便在调整 Control 大小时正确显示字体答案

【问题标题】：Resizing a TextBox so font is correctly displayed when Control is resized调整 TextBox 的大小，以便在调整 Control 大小时正确显示字体
【发布时间】：2017-01-17 10:10:50
【问题描述】：

我希望设置 TextBox 的样式，以便在我的控件大小发生更改时调整 TextBox 和/或字体大小以使其正确显示。

我几乎可以正常工作了。

我的风格：

<UserControl.Resources>
    <Style x:Key="ViewBoxTextBox" TargetType="TextBox">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TextBox">
                    <Viewbox HorizontalAlignment="Left">
                        <TextBox Text="{TemplateBinding Text}" Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=ActualWidth}"/>
                    </Viewbox>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>

示例代码：

<TextBox Style="{StaticResource ViewBoxTextBox}" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"  Margin="2" Text="{Binding MyText}"/>

以下是 3 个条件的屏幕截图。

在第三个屏幕截图中，当我减小控件的高度时，TextBox 字体的大小正确地减小了，但 TextBox 的宽度正在减小并且不占用整个可用宽度。

有什么想法吗？

【问题讨论】：

尝试将 ViewBox 的 Stretch 属性设置为 Fill。
@mm8 确实可以将宽度固定到最大值，但是它阻止了文本框内的字体大小减小，而只是在高度上被压扁了。
最简单的路线，打一个ViewBox

标签： c# wpf xaml styles viewbox

【解决方案1】：

有时它可以对控件的模板进行基本覆盖，但在这种情况下，您需要对 TextBox 内的文本进行更细粒度的控制。为此，我获得了 TextBox 的默认模板的副本，然后进行了一些修改。

<SolidColorBrush x:Key="TextBox.Static.Border" Color="#FFABAdB3"/>
    <SolidColorBrush x:Key="TextBox.MouseOver.Border" Color="#FF7EB4EA"/>
    <SolidColorBrush x:Key="TextBox.Focus.Border" Color="#FF569DE5"/>
    <Style x:Key="ViewBoxTextBox" TargetType="{x:Type TextBox}">
        <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/>
        <Setter Property="BorderBrush" Value="{StaticResource TextBox.Static.Border}"/>
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="KeyboardNavigation.TabNavigation" Value="None"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
        <Setter Property="AllowDrop" Value="true"/>
        <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/>
        <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TextBox}">
                    <Border x:Name="border" 
                            BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" 
                            Background="{TemplateBinding Background}" 
                            VerticalAlignment="Top"
                            Width="{Binding RelativeSource={RelativeSource TemplatedParent},Path=ActualWidth}"
                            SnapsToDevicePixels="True">
                        <Viewbox HorizontalAlignment="Left" StretchDirection="DownOnly">
                            <ScrollViewer x:Name="PART_ContentHost" 
                                          Focusable="false" 
                                          HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"
                                          Width="{Binding RelativeSource={RelativeSource TemplatedParent},Path=ActualWidth}"/>
                        </Viewbox>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Opacity" TargetName="border" Value="0.56"/>
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.MouseOver.Border}"/>
                        </Trigger>
                        <Trigger Property="IsKeyboardFocused" Value="true">
                            <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.Focus.Border}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="IsInactiveSelectionHighlightEnabled" Value="true"/>
                    <Condition Property="IsSelectionActive" Value="false"/>
                </MultiTrigger.Conditions>
                <Setter Property="SelectionBrush" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightBrushKey}}"/>
            </MultiTrigger>
        </Style.Triggers>
    </Style>

ContentHost 现在被包裹在一个 ViewBox 中，它将正确缩放文本，而 Border 将根据更正常的大小限制进行缩放。我在几种不同的情况下尝试过它，它适用于我尝试的情况。希望它适合您的使用。

【讨论】：