2

我在这方面让自己发疯......我试图为我的控件提供定义自己颜色的简单能力。

我的控制:

那是我的xml:

<Grid>
    <Grid.Resources>
        <ControlTemplate x:Key="starTemplate" TargetType="{x:Type ToggleButton}">
            <Viewbox>
                <Path x:Name="star"
                      Data="F1 M 145.637,174.227L 127.619,110.39L 180.809,70.7577L 114.528,68.1664L 93.2725,5.33333L 70.3262,67.569L 4,68.3681L 56.0988,109.423L 36.3629,172.75L 91.508,135.888L 145.637,174.227 Z"
                      Fill="LightGray" />
            </Viewbox>
            <ControlTemplate.Triggers>
                <Trigger Property="IsChecked" Value="True">
                    <Setter TargetName="star" Property="Fill" Value="Yellow" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Grid.Resources>
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <ToggleButton Grid.Column="0"
                  Click="RatingButtonClickEventHandler"
                  Cursor="Hand"
                  Tag="1"
                  Template="{StaticResource starTemplate}" />
    <ToggleButton Grid.Column="1"
                  Click="RatingButtonClickEventHandler"
                  Cursor="Hand"
                  Tag="2"
                  Template="{StaticResource starTemplate}" />
    <ToggleButton Grid.Column="2"
                  Click="RatingButtonClickEventHandler"
                  Cursor="Hand"
                  Tag="3"
                  Template="{StaticResource starTemplate}" />
    <ToggleButton Grid.Column="3"
                  Click="RatingButtonClickEventHandler"
                  Cursor="Hand"
                  Tag="4"
                  Template="{StaticResource starTemplate}" />
    <ToggleButton Grid.Column="4"
                  Click="RatingButtonClickEventHandler"
                  Cursor="Hand"
                  Tag="5"
                  Template="{StaticResource starTemplate}" />
</Grid>

现在,当我绑定Path.Fill属性时,Fill="{Binding Path=UnselectedColor"我需要将控件的 DataContext 指定为自身:

public static readonly DependencyProperty SelectedColorProperty = DependencyProperty.RegisterAttached("SelectedColor", typeof(Brush), typeof(RatingControl), new UIPropertyMetadata(new SolidColorBrush(Colors.Yellow)));

    public RatingControl()
    {
        InitializeComponent();
        DataContext = this;
    }

这会起作用,我可以从我的控件中定义颜色,但它会破坏任何其他绑定。

从自定义控件返回到我的实现:

例如,下面的代码将设置SelectedColorand UnselectedColor,但绑定RatingValue="{Binding Path=Rating}会失败,因为它试图绑定到RatingmyRatingControl中的属性而不是我的 ViewModel 中的属性。

<my:RatingControl Grid.Row="0"
                  Grid.Column="0"
                  HorizontalAlignment="Left"
                  VerticalAlignment="Center"
                  IsReadOnly="True"
                  RatingValue="{Binding Path=Rating,
                                        TargetNullValue='0.0',
                                        Mode=TwoWay}"
                  SelectedColor="Orange"
                  ToolTip="Bewertung"
                  UnselectedColor="LightGray" />

那是绑定错误。Extension是我的 ViewModel 中的一个属性,它包含我试图绑定的双重属性:Rating

System.Windows.Data 错误:40:BindingExpression 路径错误:在“对象”“扩展”(HashCode=24138614)上找不到“UnselectedColor”属性。BindingExpression:Path=UnselectedColor; DataItem='扩展名' (HashCode=24138614); 目标元素是'路径'(名称='');目标属性是“填充”(输入“画笔”)

4

3 回答 3

1

DataContext以错误的方式设置。请阅读用于创建可重用用户控件的简单模式

简而言之,它应该是

<Grid x:Name="LayoutRoot">

public RatingControl()
{
    InitializeComponent();
    LayoutRoot.DataContext = this;
}
于 2013-06-30T16:29:12.700 回答
1

当你这样做时

public RatingControl()
{
    InitializeComponent();
    DataContext = this;
}

您将RatingControlDataContext绑定到自身,并且控件上的每个数据绑定,如果以后没有更改 dataContext ,将绑定到RatingControl的属性。这就是Rating绑定不起作用的原因( RatingControl中没有Rating)。我认为您应该在RatingControl的构造函数中删除,并尝试使用RatingControl XAML上的以下代码将Fill属性绑定到RatingControl的SelectedColor属性:DataContext = this;

Fill="{Binding ElementName=<nameOfRatingControl>, SelectedColor}"

此链接将帮助您了解有关 dataBinding 的概述:http: //www.wpftutorial.net/DataBindingOverview.html。希望这有帮助。

于 2013-06-30T17:03:29.873 回答
0

当需要绑定自身时,可以使用Binding.RelativeSource 属性

也可以看看:

于 2013-06-30T16:20:58.217 回答