Binding UWP control to code behind property

Question

I am developing UWP app and I created new user control and I want to bind it to dependency property in the control's code behind (without the datacontext).

Code Behind:

public Brush Fill
{
    get { return (Brush)GetValue(FillProperty); }
    set { SetValue(FillProperty, value); }
}

// Using a DependencyProperty as the backing store for Fill.  This enables animation, styling, binding, etc...
public static readonly DependencyProperty FillProperty =
    DependencyProperty.Register("Fill", typeof(Brush), typeof(MyControl), new PropertyMetadata(new SolidColorBrush(Colors.Black)));

XAML:

...
<Grid>
    <Path Fill="{Binding ????}" Stretch="Fill">
        ...
    </Path>
</Grid>

I want that my path's fill property will bind to the property Fill from code behind (the data context should hold different data so I can't use it here)

How can I do that in UWP?

Justin XL Justin XL · Accepted Answer · 2017-07-31T09:32:49

x:Bind would work perfectly on this. Note x:Bind will be looking for properties, methods & events defined in your XAML's code-behind. It's a more performant binding than ElementName.

<Path Fill="{x:Bind Fill, Mode=OneWay}" />

Binding UWP control to code behind property

2 Answers