WPF: TwoWay Bindung zwischen 4 und Textfelder 1 Border.Margin

Question

Ich mag die BorderThickness eines Border eines Usercontrol Set 4 Textfelder, aber ich kann es nicht an der Arbeit.

XAML-Code, das Problem (nur diesen Code in Kombination mit dem Wandler benötigt wird) demonstriert:

<Window 
    x:Class="BorderThicknessBindingTest.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:BorderThicknessBindingTest="clr-namespace:BorderThicknessBindingTest" 
    Height="300" Width="500">
    <Window.Resources>
        <BorderThicknessBindingTest:ThicknessConverter x:Key="ThicknessConverter"/>
    </Window.Resources>

    <Grid Margin="10">
        <Border 
            x:Name="MyBorder"
            BorderBrush="Black" 
            Background="AliceBlue"
            BorderThickness="3"/>
        <TextBox 
            HorizontalAlignment="Center" VerticalAlignment="Center"
            Text="{Binding Path=BorderThickness.Left, ElementName=MyBorder, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource ThicknessConverter}}"/>
    </Grid>
</Window>

A-Wandler benötigt, um den String-Eingang in dem Text zu analysieren:

public class ThicknessConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value; // don't need to do anything here
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        double d;
        Double.TryParse((string) value, out d); // Thickness.Left doesn't take a string
        return d;
    }
}

Die TextBox richtig zeigt den linken Teil der Dicke, aber die TextBox Bearbeitung führt nicht die linke Seite der Grenze in der Art und Weise in einer Änderung gemacht wird. Merkwürdig ist, setzen Sie den Wert, dass ich in dem Text für Thickness.Left weiterhin besteht, so scheint es, dass der eingestellte Wert hat, aber die Wiedergabe wird nicht aktualisiert. Im Beispielcode, den Wert in dem Text zu ändern, dann die Größe des Fensters, zeigt, dass die Grenze auf der linken zusätzlichen Platz in Anspruch nimmt, aber dieser Raum leer ist.

Wer weiß, wie zu gehen und zur Festsetzung dieses?

Answer 1

Es ist die Aktualisierung nicht dynamisch das Element auf dem Bildschirm, weil nichts das Element gesagt hat, dass ein Feld in seiner BorderThickness Eigenschaft geändert wurde. Sie müssen das Element benachrichtigen, dass sein BorderThickness geändert hat, die man nur durch die direkte Einstellung der Abhängigkeitseigenschaft auf einen neuen Wert tun -. Etwa durch sie das Ziel einer Bindung an ein Objekt zu machen, die Änderungsbenachrichtigung funktioniert

Es ist so etwas wie ein Schmerz ein Ansichtsmodell dafür zu machen, aber wenn Sie das tun, ist es geschafft.

Das Fenster:

<Window x:Class="ThicknessDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:ComponentModel="clr-namespace:System.ComponentModel;assembly=System" xmlns:ThicknessDemo="clr-namespace:ThicknessDemo" Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <ThicknessDemo:ThicknessViewModel x:Key="thickness" />
    </Window.Resources>
        <DockPanel DataContext="{StaticResource thickness}">
            <Border DockPanel.Dock="Top"
                    Width="100"
                    Height="50"
                    Margin="5"
                    BorderBrush="Blue"
                    BorderThickness="{Binding Thickness}" />
            <TextBox DockPanel.Dock="Top"
                        Text="{Binding Left, Mode=TwoWay}" />
            <TextBox DockPanel.Dock="Top"
                        Text="{Binding Right, Mode=TwoWay}" />
            <TextBox DockPanel.Dock="Top"
                        Text="{Binding Top, Mode=TwoWay}" />
            <TextBox DockPanel.Dock="Top"
                        Text="{Binding Bottom, Mode=TwoWay}" />
            <TextBlock DockPanel.Dock="Top" />
        </DockPanel>
</Window>

Die Ansicht Modell:

public class ThicknessViewModel : INotifyPropertyChanged
{
    private void OnPropertyChanged(string propertyName)
    {
        PropertyChangedEventHandler h = PropertyChanged;
        if (h != null)
        {
            h(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    public ThicknessViewModel()
    {
        _Thickness = new Thickness(1, 1, 1, 1);
    }

    private Thickness _Thickness;

    public Thickness Thickness { get { return _Thickness; } set { _Thickness = value;} }

    public double Left
    {
        get { return _Thickness.Left; }
        set
        {
            _Thickness.Left = value;
            OnPropertyChanged("Thickness");
        }
    }

    public double Right
    {
        get { return _Thickness.Right; }
        set
        {
            _Thickness.Right = value;
            OnPropertyChanged("Thickness");
        }
    }

    public double Top
    {
        get { return _Thickness.Top; }
        set
        {
            _Thickness.Top = value;
            OnPropertyChanged("Thickness");
        }
    }

    public double Bottom
    {
        get { return _Thickness.Bottom; }
        set
        {
            _Thickness.Bottom = value;
            OnPropertyChanged("Thickness");
        }
    }
}

Answer 2

Ich glaube, das Sie in die richtige Richtung zeigen wird. Lesen Sie auf halbem Weg nach unten es 2 Möglichkeiten hat dies zu nähern, eines mit einem Konverter und eine ohne

http://10rem.net/blog/2010/05/08/breaking-apart-the-margin-property-in-xaml-for-better-binding

Answer 3

Die einfachste Lösung für mich stellt sich heraus, nur um zu hören das Textchanged-Ereignis von dem Text und den BorderThickness in Code hinter ersetzen.

MainWindow.xaml:

<Window 
    x:Class="BorderThicknessBindingTest.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:BorderThicknessBindingTest="clr-namespace:BorderThicknessBindingTest" 
    Height="300" Width="500">

    <Grid Margin="10">
        <Border 
            x:Name="MyBorder"
            BorderBrush="Black" 
            Background="AliceBlue"
            BorderThickness="3"/>
        <TextBox 
            x:Name="MyTextBox"
            HorizontalAlignment="Center" VerticalAlignment="Center"
            Text="{Binding Path=BorderThickness.Left, ElementName=MyBorder, Mode=OneWay}"/>
    </Grid>
</Window>

MainWindow.xaml.cs, im Konstruktor:

MyTextBox.TextChanged += (sender, e) =>
{
    double d;
    if (!double.TryParse(MyTextBox.Text, out d)) return;
    var t = MyBorder.BorderThickness;
    t.Left = d;
    MyBorder.BorderThickness = t;
};

Im Moment Dies funktioniert für mich ist Robert Rossney Lösung besser.