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

本文关键字:自定义控件 编辑 焦点 | 更新日期: 2023-09-27 18:20:47

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

为了实现这一点,我尝试了以下方法:

  • 如果控件处于"非活动"状态,则会显示"权重"属性在文本块中
  • 如果控件获得焦点,则Weight属性将显示在文本框中。

    <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。我该怎么解决这个问题?

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

请尝试使用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>