Wie ändere ich NUR den rechten (oder linken, oberen, unteren) Wert der Margin-Eigenschaft eines WPF-Steuerelements?

Question

Das ist ganz einfach, von Code-behind zu tun:

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

In XAML aber ich bin auf die folgende begrenzt:

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

Das Problem dabei ist, dass ich jetzt habe möglicherweise die anderen Randwerte überschrieben (dh links, oben, unten), indem sie auf Null gesetzt werden.

Gibt es eine Möglichkeit, XAML wie folgt zu haben?

<Button MarginRight="10" /> 

Answer 1

Eine angehängte Eigenschaft könnte verwendet werden. Tatsächlich ist dies genau der Zweck der angefügten Eigenschaften: Zugreifen auf Elternelementeigenschaften oder Hinzufügen zusätzlicher Funktionalität zu einem bestimmten Element.

Zum Beispiel definiert die folgende Klasse irgendwo in der Anwendung:

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

Jetzt in Ihrem XAML alles, was Sie tun müssen, ist die folgende Namespace deklariert:

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

Und dann können Sie XAML schreiben wie die folgenden:

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

---

Alternativ können Sie auch eine angeschlossene Eigenschaft vermeiden, mit und stattdessen eine etwas längere XAML wie schreiben:

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

Answer 2

Sie sind falsch mit diesem Teil:

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

erro r CS1612: Kann nicht den Rückgabewert von ‚System.Windows.FrameworkElement.Margin‘ geändert werden, da es keine Variable ist

Ist schon nicht gültige Code, weil Margin ein struct zurück und ist somit ein Werttyp. Und weil es nicht von DependencyObject abgeleitet ist, funktionieren auch viele DataBinding-Tricks nicht.

Ich wollte nur eine richtige Erklärung geben, sonst würde ich sagen, Ihre erste Antwort ist so ziemlich der einzige Weg.

Answer 3

Obwohl eine angepasste Eigenschaft funktionieren kann. Ich würde versuchen, Ihren Code umzuformatieren, damit Sie keine Änderungen an der Benutzeroberfläche im Code vornehmen. Sie sollten so viel von der Benutzeroberfläche handhaben, wie Sie in der Entwurfsseite der Datei können. Ich versuche, das Codebehind von XAML-Dateien so wenig wie möglich zu verwenden, da es Probleme mit MVVM verursacht.

Answer 4

Sie könnten den Rand an eine Eigenschaft (Zeichenfolge) in Ihrem MVVM binden. In Ihrem MVVM müssen Sie lediglich die einzelnen Eigenschaften (oben, rechts, unten, rechts) nachverfolgen.

können Sie Konverter verwenden, wie in: How to set a top margin only in XAML? oder Binding only part of the margin property of WPF control