c# - custom - wpf user control xaml



WPF UserControl non eredita DataContext padre (1)

Sto provando a sviluppare un UserControl riutilizzabile ma sto incontrando problemi con l'associazione. Ho creato un'applicazione più piccola per testarlo ma non riesco a risolverlo, o almeno a capire perché non funziona come mi aspetto.

Il codice è sotto Quello che mi aspetterei è l'istanza del TestUserControl che ho messo su MainWindow.xaml avrebbe ereditato il DataContext proprio come il TextBlock. Invece è DataContext sembra essere nullo. C'è un motivo per cui DataContext non viene trasmesso? Devo impostarlo automaticamente?

MainWindow.xaml

<Window x:Class="WpfTestApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfTestApp"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <StackPanel Orientation="Vertical">
        <local:TestUserControl TextFromParent="{Binding SomeText}" />
        <TextBlock Name="TestTextBlock" Text="{Binding SomeText}" />

    </StackPanel>
</Window>

MainWindow.xaml.cs

using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows;

namespace WpfTestApp
{
    public partial class MainWindow : Window, INotifyPropertyChanged
    {
        private string _someText;

        public MainWindow()
        {
            DataContext = this;

            InitializeComponent();

            SomeText = "New Text!";
        }

        public string SomeText
        {
            get { return _someText; }
            set
            {
                _someText = value;
                NotifyOnPropertyChanged();
            }
        }
        public event PropertyChangedEventHandler PropertyChanged;

        protected void NotifyOnPropertyChanged([CallerMemberName] string propertyName = "")
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

TestUserControl.xaml

<UserControl x:Class="WpfTestApp.TestUserControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:WpfTestApp"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <TextBlock Name="TheTextBlock" Text="{Binding TextFromParent}" />

    </Grid>
</UserControl>

TestUserControl.xaml.cs

using System.Windows;
using System.Windows.Controls;

namespace WpfTestApp
{
    public partial class TestUserControl : UserControl
    {
        public TestUserControl()
        {
            InitializeComponent();
        }

        public string TextFromParent
        {
            get { return (string)GetValue(TextFromParentProperty); }
            set { SetValue(TextFromParentProperty, value); }
        }

        public static readonly DependencyProperty TextFromParentProperty = DependencyProperty.Register(
            "TextFromParent", typeof(string), typeof(TestUserControl), new PropertyMetadata());
    }
}

Il programma ha il seguente aspetto quando viene eseguito, il primo testo è vuoto seguito da TextBlock con l'associazione funzionante:


UserControl eredita effettivamente DataContext dal suo elemento padre. Non esiste tuttavia alcuna proprietà TextFromParent in quel DataContext (perché è l'istanza MainWindow).

Si suppone che il binding nell'XAML di UserControl si associ a una proprietà dello stesso UserControl, non uno del DataContext corrente. Quindi deve utilizzare l'istanza UserControl come oggetto di origine:

<TextBlock Text="{Binding TextFromParent,
                  RelativeSource={RelativeSource AncestorType=UserControl}}" />

L'impostazione di DataContext di UserControl su se stessa non è un'opzione, poiché impedisce che un valore di DataContext venga ereditato dall'elemento padre del controllo.

È tuttavia possibile impostare DataContext dell'elemento root in XAML di UserControl per evitare di impostare RelativeSource su potenzialmente molti binding:

<UserControl ...>
    <Grid DataContext="{Binding RelativeSource={RelativeSource AncestorType=UserControl}}">
        <TextBlock Text="{Binding TextFromParent}" />
    </Grid>
</UserControl>




user-controls