使用"dynamic"名称更改某些控件的触发器中另一个控件的属性



我试图在我的表单上动态地改变我的标签样式。我想要的行为是:每次一个名为"txtName"的文本框,例如,得到聚焦,它应该搜索一个名为"lblName"的标签控件,并将其FontWeight属性更改为"Bold"。

对于名为'txtBirthday'的文本框和名为'lblBirthday'的标签也是如此,其中'txt'代表textbox, lbl代表label。

每个文本框都有一个NAME和一个前缀"txt"和一个前缀"lbl"作为其对应的标签,但如果文本框没有找到相应的标签,它应该什么也不做。

换句话说,每当一个文本框集中在表单上时,它应该搜索标签"responsable"作为它的描述,并突出显示它(将其字体粗细更改为粗体),这样表单将更加用户友好。这样用户就不会搞不清自己在输入哪个文本框了。

我有一个和平的代码,这可能是一个很好的起点,但我不知道如何使用非静态控件名。

    <Style TargetType="{x:Type Label}">
    <Style.Triggers>
        <!-- Here is how we bind to another control's property -->
        <DataTrigger Binding="{Binding IsFocused, ElementName=txtUser}" Value="True">
            <Setter Property="FontWeight" Value="Bold" />
            <!-- Here is the 'override' content -->
        </DataTrigger>
    </Style.Triggers>
</Style>

正如上面的评论所提到的,搜索和模式匹配元素名称作为应用视觉行为的基础的技术并不健壮。例如,当你打错字,用"lbel"而不是"lbl"时,会发生什么?或者如果您以后决定用TextBlocks替换所有Labels会发生什么—您是否仍然用"lbl"前缀注释它们的名称以保持行为?使用代码改变视觉效果的另一个缺点是,现在仅仅通过阅读XAML来理解UI的行为变得更加困难,因为属性在幕后被改变了。WPF有许多内置的方法,应该优先于这种方法。如果您对其他实现感兴趣,请询问我们的帮助:)

话虽这么说,如果必须使用这种方法,那么您的附加行为将是这样的:

c#

public static class FontWeightFocusedHelper
{
    private static readonly List<Label> Labels = new List<Label>();
    public static void SetChangeFontWeightOnTextBoxFocused(Label label, bool value)
    {
        label.SetValue(ChangeFontWeightOnTextBoxFocusedProperty, value);
    }
    public static bool GetChangeFontWeightOnTextBoxFocused(Label label)
    {
        return (bool) label.GetValue(ChangeFontWeightOnTextBoxFocusedProperty);
    }
    public static readonly DependencyProperty ChangeFontWeightOnTextBoxFocusedProperty =
        DependencyProperty.RegisterAttached("ChangeFontWeightOnTextBoxFocused", typeof (bool),
                                            typeof (FontWeightFocusedHelper),
                                            new FrameworkPropertyMetadata(OnChangeFontWeightOnTextBoxFocusedPropertyChanged));
    private static void OnChangeFontWeightOnTextBoxFocusedPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is TextBox)
        {
            var textBox = (TextBox) d;
            // Make sure to use a WeakEventManager here otherwise you will leak ...
            textBox.GotFocus += OnTextBoxGotFocusChanged;
            textBox.LostFocus += OnTextBoxLostFocusChanged;
            return;
        }
        if (d is Label)
        {
            // Make sure to store WeakReferences here otherwise you will leak ...
            Labels.Add((Label)d);
            return;
        }
        throw new InvalidOperationException("ChangeFontWeightOnTextBoxFocused can only be set on TextBox and Label types.");
    }
    private static void OnTextBoxLostFocusChanged(object sender, RoutedEventArgs e)
    {
        SetMatchingLabelFontWeight(sender as TextBox, FontWeights.Regular);
    }
    private static void OnTextBoxGotFocusChanged(object sender, RoutedEventArgs e)
    {
        SetMatchingLabelFontWeight(sender as TextBox, FontWeights.Bold);
    }
    private static void SetMatchingLabelFontWeight(TextBox textBox, FontWeight fontWeight)
    {
        if (textBox != null)
        {
            // Suggest adding a property for LabelPrefix and TextBoxPrefix too, use them here
            var label = Labels.Where(l => !String.IsNullOrEmpty(l.Name))
                              .Where(l => l.Name.Replace("lbl", "txt") == textBox.Name)
                              .FirstOrDefault();
            if (label != null)
            {
                label.FontWeight = fontWeight;
            }
        }
    }
}

XAML

    <StackPanel >
        <StackPanel.Resources>
            <Style TargetType="{x:Type TextBox}">
                <Setter Property="l:FontWeightFocusedHelper.ChangeFontWeightOnTextBoxFocused" Value="True" />
            </Style>
            <Style TargetType="{x:Type Label}">
                <Setter Property="l:FontWeightFocusedHelper.ChangeFontWeightOnTextBoxFocused" Value="True" />
            </Style>
        </StackPanel.Resources>
        <StackPanel Orientation="Horizontal">                
            <Label x:Name="lblOne" VerticalAlignment="Center" Content="First Name"/>
            <TextBox x:Name="txtOne" Width="300" VerticalAlignment="Center"/>
        </StackPanel>
        <StackPanel Orientation="Horizontal">
            <Label x:Name="lblTwo" VerticalAlignment="Center" Content="Last Name" />
            <TextBox x:Name="txtTwo" Width="300" VerticalAlignment="Center" />
        </StackPanel>
    </StackPanel>

希望这对你有帮助!

你可以把所有的焦点放在同一个事件上。发送方被传递给事件,因此您可以获得发送方的名称。在后台代码中,您可以使用XAML中不可用的变量和逻辑。

相关内容

  • 没有找到相关文章

最新更新