WPF-Datenbindung und -formatierung

Question

Ich habe eine Bool-Eigenschaft in meinem ViewModel namens IsConnected, und ich möchte es an einen TextBlock in meinem MainWindow binden. Anstatt den Textblock true oder false lesen zu lassen, brauche ich stattdessen Connected oder Disconnected. Verzeih mir, weil ich neu bei WPF bin. Wenn mir jemand einen Vorsprung verschaffen könnte, könnte ich es von dort aus nehmen, aber ich bin mir nicht sicher, wie ich herausfinden soll, was ich brauche.

Answer 1

ich in der Regel nur lieber auf eine Eigenschaft die Ansicht Modell hinzufügen (Ich mag nicht wirklich Wertwandler), aber hier eine einfache Art und Weise ist, zu erreichen, was Sie versuchen, mit einem Stil zu tun:

<TextBlock> 
    <TextBlock.Style> 
    <Style TargetType="TextBlock"> 
     <Setter Property="Text" Value="Connected"/> 
     <Style.Triggers> 
     <DataTrigger Binding="{Binding IsConnected}" Value="False"> 
      <Setter Property="Text" Value="Disconnected"/> 
     </DataTrigger> 
     </Style.Triggers> 
    </Style> 
    </TextBlock.Style> 
</TextBlock> 

bearbeiten

Beachten Sie, dass, sobald Sie zur Verwendung von Daten-Trigger verwendet, können Sie alle Arten von Änderungen an Ihrer Ansicht machen, ohne Ihre Ansicht Modell zu berühren. Zum Beispiel:

<StackPanel> 
    <Image Source="images\connected.png"> 
    <Image.Style> 
     <Style TargetType="Image"> 
      <Setter Property="Visibility" Value="Collapsed"/> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding IsConnected}" Value="True"> 
       <Setter Property="Visibility" Value="Visible"/> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </Image.Style> 
    </Image> 
    <Image Source="images\disconnected.png"> 
    <Image.Style> 
     <Style TargetType="Image"> 
      <Setter Property="Visibility" Value="Collapsed"/> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding IsConnected}" Value="False"> 
       <Setter Property="Visibility" Value="Visible"/> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </Image.Style> 
    </Image> 
</StackPanel> 

Answer 2

Der einfachste Weg ist wahrscheinlich, einen benutzerdefinierten Konverter zu erstellen, der Ihren Bool-Wert in eine Zeichenfolge konvertiert. Suchen Sie überall nach IValueConverter und/oder WPF.

public class BoolToConnectedConverter : IValueConverter 
{ 
    #region IValueConverter Members 

    public object Convert(object value, Type targetType, object parameter, 
     System.Globalization.CultureInfo culture) 
    { 
     if((bool)value) 
      return "Connected"; 
     else 
      return "Disconnected"; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, 
     System.Globalization.CultureInfo culture) 
    { 
     throw new NotSupportedException(); 
    } 

    #endregion 
} 

hinzufügen xmlns:

xmlns:converter="clr-namespace:MyProjectNameSpace" 

Add Ressource XAML (ändern, was auch immer Element benötigt)

<Window.Resources> 
    <converter:BoolToConnectedConverter x:Key="connectedConverter" /> 
</Window.Resources> 

in XAML:

<TextBlock Text={Binding IsConnected, Converter={StaticResource connectedConverter}" /> 

Answer 3

Sie können dies tun, in zwei Möglichkeiten

1) einen Konverter

2) Ändern Sie die Funktion in der Ansichtsmodell, so dass sie die gewünschte Zeichenfolge anstelle eines Bool zurückgibt

Der einfachste Weg # 2 ist, aber wenn Sie wirklich brauchen, den Bool Wert woanders in deinem code gehst du mit # 1 (google converter und wpf)

Answer 4

Schau dir Wertewandler an.

http://www.wpftutorial.net/ValueConverters.html

public class BoolToConnectedConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, 
     object parameter, CultureInfo culture) 
    { 
     var isConnected = (bool)value; 
     return isConnected ? "Connected" : "Disconnected"; 
    } 

    public object ConvertBack(object value, Type targetType, 
     object parameter, CultureInfo culture) 
    { 
     throw new NotImplementedException("Not required for read-only values"); 
    } 
} 

In XAML:

<Window.Resources> 
    <l:BoolToConnectedConverter x:Key="boolToConnectedConverter" /> 
</Window.Resources> 
<Grid> 
    <Label Content="{Binding IsConnected, Converter={StaticResource boolToConnectedConverter}}" /> 
</Grid> 

Answer 5

Mit Ansichtsmodell, schreiben Sie zwei Eigenschaft Verpackung, und benachrichtigen Änderungen in den Immobilien.

Wenn Sie also den Wert ändern, wird die Zeichenfolgendarstellung aktualisiert und an Steuerelemente gebunden, während Sie die bool-Eigenschaft im Code weiterhin verwenden können.

public string IsConnectedStr{ 
    get{ 
    return IsConnected?"Connected":"Disconnected"; 
    } 
} 

public bool IsConnected{ 
    get{ 
    return _isConnected; 
    } 
    set{ 
    _isConnected=value; 
    PropertyChanged("IsConnected"); 
    PropertyChanged("IsConnectedStr"); 
    } 
}