¿Cómo modifico SOLAMENTE el valor correcto (o izquierdo, superior, inferior) de la propiedad Margen de un control WPF?

Question

Esto es bastante fácil de hacer a partir de código subyacente:

var button = new Button(); 
var margin = button.Margin; 
margin.Right = 10; 
button.Margin = margin; 

En XAML, sin embargo, yo estoy limitado a lo siguiente:

<Button Margin="0,0,10,0" /> 

El problema con esto es que ahora tengo potencialmente sobrescribe los otros valores de margen (es decir, izquierda, arriba, abajo) al establecerlos en cero).

¿Hay alguna forma de tener XAML como el siguiente?

<Button MarginRight="10" /> 

Answer 1

Se puede utilizar una propiedad adjunta. De hecho, este es exactamente el propósito de las propiedades adjuntas: acceder a las propiedades del elemento principal o agregar funcionalidad adicional a un elemento específico.

Por ejemplo, defina lo siguiente clase en algún lugar de su aplicación:

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

namespace YourApp.AttachedProperties 
{ 
    public class MoreProps 
    { 
     public static readonly DependencyProperty MarginRightProperty = DependencyProperty.RegisterAttached(
      "MarginRight", 
      typeof(string), 
      typeof(MoreProps), 
      new UIPropertyMetadata(OnMarginRightPropertyChanged)); 

     public static string GetMarginRight(FrameworkElement element) 
     { 
      return (string)element.GetValue(MarginRightProperty); 
     } 

     public static void SetMarginRight(FrameworkElement element, string value) 
     { 
      element.SetValue(MarginRightProperty, value); 
     } 

     private static void OnMarginRightPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs args) 
     { 
      var element = obj as FrameworkElement; 

      if (element != null) 
      { 
       int value; 
       if (Int32.TryParse((string)args.NewValue, out value)) 
       { 
        var margin = element.Margin; 
        margin.Right = value; 
        element.Margin = margin; 
       } 
      } 
     } 
    } 
} 

En su XAML todo lo que hay que hacer es declarar el espacio de nombres siguiente:

xmlns:ap="clr-namespace:YourApp.AttachedProperties" 

Y entonces usted puede escribir XAML tales como los siguientes:

<Button ap:MoreProps.MarginRight="10" /> 

---

Como alternativa, se puede evitar el uso de una propiedad adjunta y en lugar de escribir algo un poco más larga XAML tales como:

<Button>
        <Button.Margin>
                <Thickness Right="10" />
        </Button.Margin>
</Button>

Answer 2

Usted está equivocado con esta parte:

var button = new Button(); 
button.Margin.Right = 10; 

erro r CS1612: No se puede modificar el valor de retorno de 'System.Windows.FrameworkElement.Margin' porque no es una variable

está ya no código válido, porque devuelve un margen struct y por lo tanto es un tipo de valor. Y dado que no se deriva de DependencyObject, muchos trucos de DataBinding tampoco funcionarán.

Solo quería dar una explicación adecuada, de lo contrario diría que su primera respuesta es prácticamente la única.

Answer 3

Aunque una propiedad adjunta puede funcionar. Intentaría refactorizar su código para que no realice cambios en la interfaz de usuario en el código subyacente. Debe manejar la mayor parte de la interfaz de usuario que pueda dentro del lado del diseño del archivo. Intento usar el código detrás de los archivos xaml lo menos posible porque causa problemas con MVVM.

Answer 4

Puede enlazar los datos del Margen a una propiedad (cadena) en su MVVM. En tu MVVM, todo lo que necesitas es rastrear las propiedades individuales (arriba, derecha, abajo, derecha).

Puede utilizar convertidores como en: How to set a top margin only in XAML? o Binding only part of the margin property of WPF control