Come si modifica SOLO il valore corretto (o sinistro, superiore, inferiore) della proprietà Margine di un controllo WPF?

Question

Questo è abbastanza facile da fare da code-behind:

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

in XAML, però, io sono limitati a quanto segue:

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

Il problema di questo è che ora ho potenzialmente sovrascritto gli altri valori di margine (cioè a sinistra, in alto, in basso) impostandoli a zero).

C'è un modo per avere XAML come il seguente?

<Button MarginRight="10" /> 

Answer 1

È possibile utilizzare una proprietà associata. In effetti, questo è esattamente lo scopo delle proprietà associate: accedere alle proprietà dell'elemento genitore o aggiungere funzionalità aggiuntive a un elemento specifico.

Ad esempio, definire la seguente classe da qualche parte nell'applicazione:

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; 
       } 
      } 
     } 
    } 
} 

Ora nel tuo XAML tutto quello che devi fare è dichiarare il seguente spazio:

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

E poi si può scrivere XAML come il seguente:

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

---

In alternativa, è possibile evitare di utilizzare una proprietà allegata e invece scrivere un po 'un po' più lungo XAML come ad esempio:

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

Answer 2

Tu sei sbagliato in questa parte:

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

erro R CS1612: non è possibile modificare il valore di ritorno di 'System.Windows.FrameworkElement.Margin' perché non è una variabile

è già non codice valido, perché restituisce un margine struct ed è quindi un tipo di valore. E poiché non deriva da DependencyObject, anche molti trucchi DataBinding non funzioneranno.

Volevo solo dare una spiegazione adeguata, altrimenti direi che la tua prima risposta è praticamente l'unico modo.

Answer 3

Anche se una proprietà attatched può funzionare. Vorrei provare a rifattorizzare il codice in modo da non apportare modifiche all'interfaccia utente nel codice sottostante. Dovresti gestire la maggior parte dell'interfaccia utente che puoi all'interno del design del file. Cerco di usare il codebehind dei file xaml il meno possibile perché causa problemi con MVVM.

Answer 4

È possibile che i dati vincolino il Margine a una proprietà (stringa) nel MVVM. Nel tuo MVVM, tutto ciò che ti serve è tracciare le singole proprietà (in alto, a destra, in basso, a destra).

È possibile utilizzare convertitori come in: How to set a top margin only in XAML? o Binding only part of the margin property of WPF control