Question

我创建了一个自定义WPF控件，它显示Weight属性的值，该属性为int。当用户单击自定义控件或控件获得焦点时，用户应该能够编辑Weight属性的值。

为实现这一目标，我尝试了以下方法：

如果控件处于“非活动状态”，将显示“重量”属性在TextBlock中。

如果控件获得焦点，则为Weight属性将显示在TextBox中。

<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WpfCustomControlLibrary1">

<Style TargetType="{x:Type local:CustomControl1}">
    <Style.Resources>
        <ControlTemplate x:Key="Control_Focused" >
            <Border Background="Green"
                        BorderBrush="Black"
                         CornerRadius="50" Width="40" Height="40">
                <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                   <TextBox Width="35"
                                Text="{Binding Mode=TwoWay,Path=Model.Weight,UpdateSourceTrigger=PropertyChanged,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type local:CustomControl1}}
                                ,Converter={x:Static local:CustomControl1.IntToStringConverter}}" />

                </StackPanel>
            </Border>
        </ControlTemplate>

        <ControlTemplate x:Key="Control">
            <Border Background="Green"
                        BorderBrush="Black"
                       CornerRadius="50" Width="40" Height="40">
                <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                    <TextBlock x:Name="PART_TextBlockWeighted" Text="{Binding Mode=TwoWay,Path=Model.Weight,UpdateSourceTrigger=PropertyChanged,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type local:CustomControl1}}}" 
                               HorizontalAlignment="Center" VerticalAlignment="Center" />
                </StackPanel>
            </Border>
        </ControlTemplate>


    </Style.Resources>
    <Style.Triggers>
        <Trigger Property="IsFocused" Value="True">
            <Setter Property="Template" Value="{StaticResource Control_Focused}" ></Setter>
        </Trigger>
        <Trigger Property="IsFocused" Value="False">
            <Setter Property="Template" Value="{StaticResource Control}" ></Setter>
        </Trigger>
    </Style.Triggers>

</Style>

此自定义控件样式的问题是，当用户单击TextBox时，触发器会将控件模板更改为TextBlock。我该如何解决这个问题？

Answer 1

请尝试使用IsKeyboardFocusWithin属性。我相信这会做你需要的。

<Style.Triggers>
    <Trigger Property="IsKeyboardFocusWithin" Value="True">
        <Setter Property="Template" Value="{StaticResource Control_Focused}" ></Setter>
    </Trigger>
    <Trigger Property="IsKeyboardFocusWithin" Value="False">
        <Setter Property="Template" Value="{StaticResource Control}" ></Setter>
    </Trigger>
</Style.Triggers>

如何在获得焦点时使自定义控件的值可编辑

1 个答案: