ControlTempate wpf 文本框不显示文本和触发器属性

Question

我将继续学习 C# WPF 中的一个小项目。我目前的情况是我想在用户输入发生错误时更改TextBox 的边框，例如无法将他们的输入解析为十进制数。

经过一番阅读，我使用了一个控件模板，XAML 在下面，但是当我使用控件模板（textBox1）运行项目时，TextBox不显示任何文字，我看不出我做错了什么。有人可以帮忙吗？

我还在学习时使用IsMouseOver 属性触发更改，但在我的项目中我想触发一个错误属性，所以在我看来我需要添加到我的TextBox 控制属性@ 987654325@ 作为 bool 并且在我的代码后面，当我测试用户输入并且解析失败时，我会将 TextBox 属性 IsError 设置为 true，这将触发 ControlTemplate 更改。但是，这可以做到还是有更稳定的方法来做到这一点？ 谢谢。

XAML of ControlTemplate

<Window x:Class="TestContentStyle.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="StyleTriggersSample" Height="100" Width="300">
<Window.Resources>
    <!--A ControlTemplate for textbox including error-->
    <ControlTemplate TargetType ="TextBox" x:Key="OnError">
        <TextBox   Name="TextBox"
                    FontSize="28" 
                    HorizontalAlignment="Center" 
                    VerticalAlignment="Center" 
                    BorderBrush="Silver"
                    BorderThickness="1"
                    Height="50"
                    Width="120"/>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver"
                            Value="True">
                        <Setter TargetName="TextBox"
                            Property="BorderThickness"
                            Value="5" />
                    </Trigger>
                </ControlTemplate.Triggers>
    </ControlTemplate>



</Window.Resources>

    <Grid>

    <TextBox Text="Tesing1" Margin="146,23,0,0" Name="textBox1" Template="{StaticResource OnError}" />
    <TextBox Text="Testing2" Height="23" HorizontalAlignment="Left" Margin="12,23,0,0" Name="Test1"  VerticalAlignment="Top" Width="120" />
</Grid>

Answer 1

首先，模板定义了控件的呈现方式。他们定义了他们的整体外观。

你告诉TextBox 用另一个不同的TextBox 渲染自己。这意味着您在应用程序中看到的TextBox 实际上并不是您在Grid 中定义的带有“Testing1”文本的那个，而是您在ControlTemplate 中定义的那个有没有设置文本。

但除此之外，您不需要一个全新的ControlTemplate。你只需要一个Style:

<Window.Resources>
    <Style TargetType="TextBox" x:Key="OnError">
        <Setter Property="FontSize" Value="28" />
        <Setter Property="HorizontalAlignment" Value="Center" />
        <Setter Property="VerticalAlignment" Value="Center" />
        <Setter Property="BorderBrush" Value="Silver" />
        <Setter Property="Height" Value="50" />
        <Setter Property="Width" Value="120" />
        <Style.Triggers>
            <Trigger Property="IsMouseOver"
                     Value="True">
                <Setter Property="BorderThickness"
                        Value="5" />
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

<Grid>
    <TextBox Text="Tesing1" Margin="146,23,0,0" Name="textBox1" Style="{StaticResource OnError}" />
    <TextBox Text="Testing2" Height="23" HorizontalAlignment="Left" Margin="12,23,0,0" Name="Test1"  VerticalAlignment="Top" Width="120" />
</Grid>

另外，在 WPF 中，您通常不使用 Margin 创建布局 :P 相反，您应该将 ColumnDefinitions 和 RowDefinitions 添加到您的 Grid，并使用 Grid.Row 和 Grid.Column 附加属性用于指定它们在视图中的位置的文本框。