XAML — как привязать элемент производного ‹UserControl› к элементу базового ‹UserControl›?

Как привязать элемент производного <UserControl> к элементу базового <UserControl>?

Я определил UserControl с именем Tile в качестве базового класса. Это был бы абстрактный базовый класс, если бы XAML не отказывался, когда я пытался создать экземпляр производного от него объекта...

В любом случае, пока что Tile содержит только одно свойство зависимостей: OuterShape. Это объект System.Windows.Shapes.Shape (также абстрактный). Таким образом: все плитки будут иметь некоторую визуальную форму, связанную с ними для рендеринга. Но есть много разных типов плиток — некоторые с System.Windows.Shapes.Paths, некоторые с System.Windows.Shapes.Polygons и т. д.

Итак, сейчас я работаю над первым производным UserControl: PolyTile. Как следует из названия, это плитка, которая использует System.Windows.Shapes.Polygon в качестве свойства OuterShape.

Проблема, с которой я сталкиваюсь, заключается в том, что я не могу понять, как успешно связать элемент XAML <Polygon> со свойством Shape в базовом классе.

/************
** Tile.cs **
************/
// This class contains a generic shape, and that's all.
// This class does NOT have a XAML file to go with it. It is purely code implemented.
public class Tile : System.Windows.Controls.UserControl
{
    public static readonly System.Windows.DependencyProperty OuterShapeProperty
        = System.Windows.DependencyProperty.Register(   "OuterShape",
                                                        typeof(System.Windows.Shapes.Shape),
                                                        typeof(Tile));
    public System.Windows.Shapes.Shape OuterShape
    {   get { return (System.Windows.Shapes.Shape)GetValue(OuterShapeProperty); }
        set { SetValue(OuterShapeProperty, (System.Windows.Shapes.Shape)value); }
    }
}

........................

<!--*****************
*** PolyTile.xaml ***
******************-->
<local:Tile x:Name="__PolyTile__" x:Class="WPFApplication1.PolyTile"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WPFApplication1">
    <Grid Name="grdMain">
        <Polygon Name="OuterPoly" />
            <!--OuterPoly needs to be data-bound (OneWay)
            to the OuterShape property of the Tile UserControl.
            That way, when my derived class sets OuterShape to a new <Polygon> element,
            OuterShape will show up on the screen as a <Polygon>-->
    </Grid>
</local:Tile>

........................

/****************
** PolyTile.cs **
****************/
// This class encapsulates a tile that is in the shape of a specified <Polygon> element.
/// <summary>
/// Interaction logic for PolyTile.xaml
/// </summary>
public partial class PolyTile : Tile // Derived from Tile
{
    public PolyTile()
    {
        InitializeComponent();

        System.Windows.Data.BindingExpressionBase BindExp;
        PolyConverter polyConverter = new PolyConverter();

        System.Windows.Data.Binding PolyBinding = new System.Windows.Data.Binding("OuterPoly");
        PolyBinding.Source = __PolyTile__;
        PolyBinding.Mode = System.Windows.Data.BindingMode.OneWayToSource;
        PolyBinding.Converter = polyConverter;
        BindExp = __PolyTile__.SetBinding(Tile.OuterShapeProperty, PolyBinding);
    }



    // The framework won't convert a base object into a derived object without an explicit cast ...
    // ... in this case, that means I have to make a custom DataConverter.
    [System.Windows.Data.ValueConversion(typeof(System.Windows.Shapes.Polygon), typeof(System.Windows.Shapes.Shape))]
    protected class PolyConverter : System.Windows.Data.IValueConverter
    {
        public object Convert(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {    return value;    }
        // OneWayToSource binding: Thus the Convert method is never used.
        // Rather, ConverBack is used to cast the base <Shape> into a derived <Polygon>

        public object ConvertBack(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (value.GetType() == typeof(System.Windows.Shapes.Polygon))
                return value;
            else
                return System.Windows.DependencyProperty.UnsetValue;
        }
    }
}

Я не вижу никакого возможного способа установить эту привязку в XAML. (Хотя я недостаточно хорошо понимаю DataContexts, чтобы сказать, что я все продумал...)

Поэтому я попытался установить привязку вручную в обратном коде. Я пробовал много разных способов организации пути привязки и исходных и целевых элементов. Каждый раз, когда я получаю фатальное исключение или PathError или UpdateSourceError что-то подобное.

Кто-нибудь знает, что я делаю неправильно?
Любые советы очень ценятся!


person Giffyguy    schedule 26.07.2009    source источник


Ответы (2)


вы можете сделать это несколькими способами

вы можете использовать относительный источник: -

  <TextBlock
     Text="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:ParentUserControl}}, Path=MyProperty}" />

или вы можете использовать привязки имен элементов, которые, я думаю, легче читать. (вы должны использовать синтаксис x:Name в пользовательском элементе управления, чтобы назвать весь элемент управления в файле xaml.

  <TextBlock
     Text="{Binding ElementName=childUserControl, Path=MyProperty}" />

вот небольшой тестовый проект, который я написал для проверки этого

person Aran Mulholland    schedule 27.07.2009
comment
Это почти ответ на мой вопрос. Не могли бы вы немного переписать этот код, чтобы привязать дочерний элемент управления TextBox к свойству TextBox родителя? Я пытаюсь связать сам элемент управления, а не только свойство элемента управления, например Text - person Giffyguy; 28.07.2009

Это можно сделать с помощью синтаксиса объекта XAML.

Важно отметить, что контекст данных по умолчанию работает отлично, и проблемы возникнут, если вы попытаетесь сделать его слишком явным. Например: привязка завершится ошибкой, если вы добавите в привязку ElementName="__PolyTile__".

Также кажется, что преобразователь данных не требуется в этом решении. Это делает код намного проще для понимания, хотя, возможно, за счет небольшой безопасности шрифтов.

<!--*****************
*** PolyTile.xaml ***
******************-->
<local:Tile x:Name="__PolyTile__" x:Class="WPFApplication1.PolyTile"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WPFApplication1">

    <local:Tile.OuterShape>
        <Binding Path="OuterPoly" Mode="OneWayToSource" />
    </local:Tile.OuterShape>

    <Grid Name="grdMain">
        <Polygon Name="OuterPoly" />
    </Grid>

</local:Tile>
person Giffyguy    schedule 28.07.2009