Enlace Silverlight UserControl propiedades personalizadas a sus 'elementos

Question

Estoy tratando de hacer un juego de crucigramas simple en Silverlight 2.0. Estoy trabajando en un componente UserControl-ish que representa un cuadrado en el rompecabezas. Tengo problemas para enlazar las propiedades de UserControl con sus 'elementos. Finalmente (de alguna manera) funcionó (puede ser útil para algunos, me tomó algunas horas largas), pero quería hacerlo más 'elegante'.

Imagino que debería tener un compartimento para el contenido y una etiqueta (en la esquina superior derecha) que opcionalmente contiene su número. El control de contenido probablemente sea un TextBox, mientras que el control de etiqueta podría ser un TextBlock. Así que creé un control de usuario con esta estructura básica (los valores están codificados en esta etapa):

<UserControl x:Class="XWord.Square" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    FontSize="30" 
    Width="100" Height="100"> 
     <Grid x:Name="LayoutRoot" Background="White"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*"/> 
       <ColumnDefinition Width="Auto"/> 
      </Grid.ColumnDefinitions> 

      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="*"/> 
      </Grid.RowDefinitions> 

      <TextBlock x:Name="Label" Grid.Row="0" Grid.Column="1" 
       Text="7"/> 
      <TextBox x:Name="Content" Grid.Row="1" Grid.Column="0" 
       Text="A" 
       BorderThickness="0" /> 

     </Grid> 
    </UserControl> 

También he creado DependencyProperties en la clase de la plaza de esta manera:

 public static readonly DependencyProperty LabelTextProperty; 
    public static readonly DependencyProperty ContentCharacterProperty; 

    // ...(static constructor with property registration, .NET properties 
    // omitted for brevity)... 

Ahora me gustaría averiguar cómo vincular el elemento Etiqueta y Contenido a las dos propiedades. Lo hago así (en el archivo de código subyacente):

 Label.SetBinding(TextBlock.TextProperty, new Binding { Source = this, Path = new PropertyPath("LabelText"), Mode = BindingMode.OneWay }); 
    Content.SetBinding(TextBox.TextProperty, new Binding { Source = this, Path = new PropertyPath("ContentCharacter"), Mode = BindingMode.TwoWay }); 

Eso sería más elegante hecho en XAML. ¿Alguien sabe cómo se hace eso?

Answer 1

Es posible que no entienda el problema exactamente. En Silverlight, puede vincular a casi cualquier objeto de datos. Por lo tanto, si tiene una clase PuzzleSquare que contiene propiedades Contenido y Etiqueta, puede enlazar a estas propiedades directamente desde el objeto.

Digamos que ha creado un simple PuzzleSquare objeto:

public class PuzzleSquare 
    { 
     public string Content{ get; set; } 
     public string Label{ get; set; } 

     public void PuzzleSquare(){}; 
     public void PuzzleSquare(string label, string content):this() 
     { 
     Content = content; 
     Label = label; 
     }  
    } 

lo tanto, si usted está construyendo la aplicación con la vista clásica/código detrás de modelo, el código detrás añadiría este objeto a la propiedad DataContext del rejilla en la página de carga:

LayoutRoot.DataContext = new PuzzleSquare("1", "A"); 

Su Xaml se uniría a la propiedad la plaza:

<TextBlock x:Name="Label" Grid.Row="0" Grid.Column="1" 
Text="{Binding Label}"/>    
    <TextBox x:Name="Content" Grid.Row="1" Grid.Column="0" 
Text="{Binding Content}" BorderThickness="0" /> 

¿Eso tiene sentido?

ib.

Answer 2

creo que busca UI Element to Element Binding que es una característica de Silverlight 3.

Answer 3

En primer lugar, establecer el DataContext en el control de usuario utilizando RelativeSource {Auto}:

<UserControl x:Class="XWord.Square" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
FontSize="30" 
Width="100" Height="100" 
DataContext="{Binding RelativeSource={RelativeSource Self}}"> 

ya se puede obligar a la persona elementos a las propiedades del control de usuario:

<TextBlock x:Name="Label" Grid.Row="0" Grid.Column="1" 
Text="{Binding LabelText}"/> 
<TextBox x:Name="Content" Grid.Row="1" Grid.Column="0" 
Text="{Binding ContentCharacter}" BorderThickness="0" /> 

para SL 2.0, se tendrá que establecer el DataContext en el controlador de eventos Loaded del UserControl .

private void UserControl_Loaded(object sender, RoutedEventArgs e) { 
    LayoutRoot.DataContext = this; 
} 

Answer 4

Esto funcionó en Silverlight 4.0

poner un nombre en el control de usuario, y luego se refieren a ella en el TextBlock

<UserControl x:Class="XWord.Square" 
    ...omitted for brevity ... 
    x:Name="Square"> 

     <TextBlock x:Name="Label" ... 
      Text="{Binding Path=LabelText,ElementName=Square}"/> 

Answer 5

Como Silverlight no puede utilizar la técnica FindAncestor puede utilizar un truco similar a la que establece el nombre del control de usuario, pero sin rompiendo su funcionalidad utilizando el nombre de la LayoutRoot ...

<UserControl x:Class="XWord.Square" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
FontSize="30" 
Width="100" Height="100"> 
    <Grid x:Name="LayoutRoot" Background="White"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*"/> 
      <ColumnDefinition Width="Auto"/> 
     </Grid.ColumnDefinitions> 

     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="*"/> 
     </Grid.RowDefinitions> 

     <TextBlock x:Name="{Binding Path=Parent.LabelText, ElementName=LayoutRoot}" Grid.Row="0" Grid.Column="1" 
      Text="7"/> 
     <TextBox x:Name="{Binding Path=Parent.ContentCharacter, ElementName=LayoutRoot}" Grid.Row="1" Grid.Column="0" 
      Text="A" 
      BorderThickness="0" /> 
    </Grid> 
</UserControl> 

se trabajó en SL3 sin tener que añadir ningún código adicional (lo estoy usando en una aplicación WP7), pero no sabe si puede usarlo en SL2. Bueno, ahora me doy cuenta de que esta pregunta es antigua, espero que siga siendo útil. He llegado aquí porque las respuestas que obtuve para el mismo problema en WP7 no me convencieron.

Answer 6

Prueba esto:

Public ReadOnly TextProperty As DependencyProperty = DependencyProperty.Register("Text", GetType(String), GetType(ButtonEdit), New System.Windows.PropertyMetadata("", AddressOf TextPropertyChanged)) 
Public Property Text As String 
    Get 
     Return GetValue(TextProperty) 
    End Get 
    Set(ByVal value As String) 
     SetValue(TextProperty, value) 
    End Set 
End Property 
Private Sub TextPropertyChanged() 
    If String.IsNullOrEmpty(Text) Then 
     TextBox1.Text = "" 
    Else 
     TextBox1.Text = Text 
    End If 
End Sub 
Private Sub TextBox1_LostFocus(ByVal sender As Object, ByVal e As System.Windows.RoutedEventArgs) Handles TextBox1.LostFocus 
    Text = TextBox1.Text 
End Sub 

puedo obligar tanto en XAML y código detrás.