自定义用户控件中的绑定问题

时间:2016-12-29 18:55:18

标签: c# wpf xaml user-controls

我创建了一个usercontrol但是我无法进行绑定工作,我尝试了很多方法,但我没有让它工作,没有显示该值。

ShowPrice.cs

public static readonly DependencyProperty ValueProperty =
            DependencyProperty.Register("Value", typeof(string), typeof(ShowPrice),
                new FrameworkPropertyMetadata
                (
                    string.Empty,
                    FrameworkPropertyMetadataOptions.Journal |
                    FrameworkPropertyMetadataOptions.BindsTwoWayByDefault,
                    OnValuePropertyChanged
                ));

    public string Value
    {
        get { return (string)GetValue(ValueProperty); }
        set { SetValue(ValueProperty, value); }
    }

    private static void OnValuePropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
    {
        var showPrice = obj as ShowPrice;
        showPrice?.SetValue(ValueProperty, (string)e.NewValue);
    }

ShowPrice.xaml

<UserControl x:Class="WPF.CustomControls.UserControls.ShowPrice"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         DataContext="{Binding RelativeSource={RelativeSource Self}}">

        <TextBlock Text="{Binding Value}"
                   HorizontalAlignment="Center"
                   Foreground="White"
                   FontSize="40"
                   Margin="5" />

</UserControl>

我的观点.xaml

<userControls:ShowPrice Value="{Binding MyViewModelProperty, StringFormat=C2, ConverterCulture='es-AR'}">
</userControls:ShowPrice>

如果我写了一个值,如果它有效

<userControls:ShowPrice Value="Test"/>

1 个答案:

答案 0 :(得分:1)

不要将DataContext绑定到Self。改为使用RelativeSource绑定(但这不是问题):

Text="{Binding Value, RelativeSource={RelativeSource AncestorType=UserControl}}"

另外,摆脱你的OnValuePropertyChanged处理程序。设置Value时会调用它,因此几乎不需要再次设置Value(但这也不是问题)。

最后,这可能是你的问题:

Foreground="White"

这件事是在白色背景上使用的吗?我完全按照你的方式保存了所有代码,并进行了一处更改:

<TextBlock 
    Text="{Binding Value}"
    Background="YellowGreen"
    HorizontalAlignment="Center"
    Foreground="White"
    FontSize="40"
    Margin="5" 
    />

此:

    Background="YellowGreen"

我看到黄绿色背景上的白色文字。