elementos de Acceso de un control de usuario

Question

He creado un control de usuario de la siguiente manera:

<UserControl 
x:Class="MySample.MyControl" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:local="using:MySample" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
mc:Ignorable="d" 
d:DesignHeight="300" 
d:DesignWidth="400"> 

<Canvas> 

    <Ellipse Width="150" Height="150"/> 

    <TextBlock>Sample</TextBlock> 

</Canvas> 

Ahora, desde mi página principal que me gustaría cambiar el texto que aparece en mi control de usuario de "muestra" a Hello World. Por lo tanto, hice esto en mi MainPage.xaml

<local:MyControl x:Name="MyControl" Margin="100,50 0,0"></local:MyControl> 

Y en el mainpage.xaml.cpp cuando intento hacer referencia a MyControl, parece no reconocido:

MainPage::MainPage(){MyControl->Text = "Hello World";} 

Alguna idea?

Answer 1

Detallando @Steven Su respuesta, en su UserControl defina DependencyProperty. La definición de un DependencyProperty permite cambiar las notificaciones para que activen las actualizaciones de sus controles.

En el código subyacente de su UserControl puede agregar la propiedad de dependencia.

public partial class MyUserControl : UserControl 
{ 
    public string TextBlockText 
    { 
     get { return (string)GetValue(TextBlockTextProperty); } 
     set { SetValue(TextBlockTextProperty, value); } 
    } 

    public static readonly DependencyProperty TextBlockTextProperty = 
     DependencyProperty.Register("TextBlockText", typeof(string), typeof(MyUserControl), new UIPropertyMetadata("")); 


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

Esto expone a un público DependencyProperty que puede unirse a en XAML de su control de usuario.

<UserControl> 
     <TextBlock Text="{Binding Path=TextBlockText}" /> 
</UserControl> 

Ahora necesita una forma de configurar esa propiedad desde su control de ventana. Voy a detalle tres maneras en que usted puede hacer esto:

1.) Ya que la propiedad TextBlockText se expone en el control de usuario que puede establecer directamente en el XAML como:

<Window x:Class="WpfApplication2.MainWindow" 
    xmlns:local="clr-namespace:WpfApplication2"> 
    <local:MyUserControl TextBlockText="Text that you want to set."> 
    </local:MyUserControl> 
</Window> 

2.) Si damos el control de usuario un nombre podemos cambiar la propiedad dentro de la ventana de código subyacente:

<Window x:Class="WpfApplication2.MainWindow" 
    xmlns:local="clr-namespace:WpfApplication2"> 
    <local:MyUserControl Name="CoolUserControl"> 
    </local:MyUserControl> 
</Window> 

-

CoolUserControl.TextBlockText = "Text that you want to set."; 

3.) O, por último, puede crear otro DependencyProperty dentro del código subyacente de Window y vincularlo a la propiedad de dependencia UserControl. De esta forma, cada vez que actualice la propiedad, el valor dentro de su código Window la propiedad de dependencia UserControl también cambiará. Esta es la opción preferible como @Steven que dijiste antes, ya que tu código detrás no necesita saber sobre ningún control.

public partial class MainWindow : Window 
{ 

    public string UserControlText 
    { 
     get { return (string)GetValue(UserControlTextProperty); } 
     set { SetValue(UserControlTextProperty, value); } 
    } 

    public static readonly DependencyProperty UserControlTextProperty = 
     DependencyProperty.Register("UserControlText", typeof(string), typeof(MainWindow), new UIPropertyMetadata("")); 


    public MainWindow() 
    { 
     InitializeComponent(); 
     DataContext = this; 
     UserControlText = "Text that you want to set."; 
    } 
} 

Y para unirse a nuestro nuevo DependencyProperty en el XAML Ventana:

<Window x:Class="WpfApplication2.MainWindow" 
     xmlns:local="clr-namespace:WpfApplication2"> 
    <local:MyUserControl TextBlockText="{Binding RelativeSource={RelativeSource AncestorType={x:Type Window}, Mode=FindAncestor}, Path=UserControlText}"></local:MyUserControl> 
</Window> 

Espero que esto ayude!

Answer 2

En la vista de programa, la mejor manera de hacerlo es usar el enlace de datos en lugar de establecer el valor en el código. Para resolver este problema, la forma más sencilla es registrar una propiedad de dependencia de UserControl vinculando este valor al TextBlock y luego establecer el valor en MainPage.