PasswordBox Hint Text | Watermark | Placeholder

  • WPF

Es gibt 4 Antworten in diesem Thema. Der letzte Beitrag () ist von SuprexAV.

    PasswordBox Hint Text | Watermark | Placeholder

    Guten Tag

    Nun versuche ich seit mehreren Tagen eine PasswordBox mit einem Text (Hint Text | Watermark | Placeholder) zu versehen der beim Klicken auf die PasswordBox verschwindet, ein Bild von dem ganzen seht ihr unten. Die einzige, ich nenne es mal "Lösung", die ich wüsste, wäre anstatt einer PasswordBox eine Textbox zu verwenden, was aber nicht mein Ziel ist. Da ich bereits diverse Foren und gefühlt 100 Googleseiten durchgesucht habe, wäre es nett wenn es mir jemand erklären könnte, bzw. einen Quellcode für mein Problem zeigen könnt, aus dem ich lernen könnte wie es funktioniert.

    VB.NET-Quellcode

    1. ​ <PasswordBox Width="250" Height="40" Margin="25, 0, 25, 25" Foreground="Black" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20" Padding="10,5,10,5">
    2. <PasswordBox.Resources>
    3. <Style TargetType="{x:Type PasswordBox}">
    4. <Setter Property="Background" Value="White"/>
    5. <Setter Property="Template">
    6. <Setter.Value>
    7. <ControlTemplate TargetType="{x:Type PasswordBox}">
    8. <Border Background="White" BorderBrush="#FFABADB3" BorderThickness="1" CornerRadius="0,0,3,3">
    9. <ScrollViewer x:Name="PART_ContentHost" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/>
    10. </Border>
    11. </ControlTemplate>
    12. </Setter.Value>
    13. </Setter>
    14. </Style>
    15. </PasswordBox.Resources>
    16. </PasswordBox>
    Bilder

    • PasswordBox.PNG

      126,51 kB, 1.454×844, 100 mal angesehen

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von „SuprexAV“ ()

    Ich bin selber noch nicht in der WPF tief genug drin, aber Antwort#2 auf stackoverflow klingt doch ganz sinnvoll …
    Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von „VaporiZed“, mal wieder aus Grammatikgründen.

    Aufgrund spontaner Selbsteintrübung sind all meine Glaskugeln beim Hersteller. Lasst mich daher bitte nicht den Spekulatiusbackmodus wechseln.

    Hallo

    Der vernünftigste Weg ist der den @VaporiZed bereits erwähnt hat da dieser auch Binding und MVVM fähig ist. Genau für solche Dinge gibt es ja AttachedProperties. Da nämlich bei der PasswordBox das Property "Password" aus Sicherheitsgründen NICHT als DependencyProperty implementiert wurde muss man hier eben eigene Wege gehen.

    Ich fasse das Beispiel von StackOverflow hier mal kurz zusammen damit wir das hier auch haben.

    Du erstellst dir eine neue Klasse innerhalb deines View-Namespaces und nennst diese mal ​PasswordBoxMonitor welche von DependencyObject erben muss. Wie AttachedProperties funktionieren und wie man damit eigenes Bastelt habe ich in einem eigenen Kapitel in meiner Tutorialreihe besprochen.

    So sieht das dann aus:

    VB.NET-Quellcode

    1. ​
    2. [b][/b]Public Class PasswordBoxMonitor
    3. Inherits DependencyObject
    5. Public Shared Function GetIsMonitoring(ByVal obj As DependencyObject) As Boolean
    6. Return CBool(obj.GetValue(IsMonitoringProperty))
    7. End Function
    9. Public Shared Sub SetIsMonitoring(ByVal obj As DependencyObject, ByVal value As Boolean)
    10. obj.SetValue(IsMonitoringProperty, value)
    11. End Sub
    13. Public Shared ReadOnly IsMonitoringProperty As DependencyProperty = DependencyProperty.RegisterAttached("IsMonitoring", GetType(Boolean), GetType(PasswordBoxMonitor), New UIPropertyMetadata(False, AddressOf OnIsMonitoringChanged))
    15. Public Shared Function GetPasswordLength(ByVal obj As DependencyObject) As Integer
    16. Return CInt(obj.GetValue(PasswordLengthProperty))
    17. End Function
    19. Public Shared Sub SetPasswordLength(ByVal obj As DependencyObject, ByVal value As Integer)
    20. obj.SetValue(PasswordLengthProperty, value)
    21. End Sub
    23. Public Shared ReadOnly PasswordLengthProperty As DependencyProperty = DependencyProperty.RegisterAttached("PasswordLength", GetType(Integer), GetType(PasswordBoxMonitor), New UIPropertyMetadata(0))
    25. Private Shared Sub OnIsMonitoringChanged(ByVal d As DependencyObject, ByVal e As DependencyPropertyChangedEventArgs)
    26. Dim pb = TryCast(d, PasswordBox)
    28. If pb Is Nothing Then
    29. Return
    30. End If
    32. If CBool(e.NewValue) Then
    33. AddHandler pb.PasswordChanged, AddressOf PasswordChanged
    34. Else
    35. RemoveHandler pb.PasswordChanged, AddressOf PasswordChanged
    36. End If
    37. End Sub
    39. Private Shared Sub PasswordChanged(ByVal sender As Object, ByVal e As RoutedEventArgs)
    40. Dim pb = TryCast(sender, PasswordBox)
    42. If pb Is Nothing Then
    43. Return
    44. End If
    46. SetPasswordLength(pb, pb.Password.Length)
    47. End Sub
    49. End Class


    Dann erstellst du einen Style in deinen Resourcen für die Passwortbox um das aussehen zu bestimmen:

    XML-Quellcode

    1. ​
    2. <Style x:Key="{x:Type PasswordBox}"
    3. TargetType="{x:Type PasswordBox}">
    4. <Setter Property="WpfTest:PasswordBoxMonitor.IsMonitoring"
    5. Value="True"/>
    6. <Setter Property="Template">
    7. <Setter.Value>
    8. <ControlTemplate TargetType="{x:Type PasswordBox}">
    9. <Border Name="Bd"
    10. Background="{TemplateBinding Background}"
    11. BorderThickness="{TemplateBinding BorderThickness}"
    12. BorderBrush="{TemplateBinding BorderBrush}"
    13. SnapsToDevicePixels="true">
    14. <Grid>
    15. <ScrollViewer x:Name="PART_ContentHost"
    16. SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
    17. <TextBlock Text="Passwort eingeben"
    18. Margin="4, 2, 0, 0"
    19. Foreground="Gray"
    20. Visibility="Collapsed"
    21. Name="txtPrompt" />
    22. </Grid>
    23. </Border>
    24. <ControlTemplate.Triggers>
    25. <Trigger Property="IsEnabled"
    26. Value="false">
    27. <Setter TargetName="Bd"
    28. Property="Background"
    29. Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
    30. <Setter Property="Foreground"
    31. Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
    32. </Trigger>
    33. <Trigger Property="WpfTest:PasswordBoxMonitor.PasswordLength" Value="0">
    34. <Setter Property="Visibility" TargetName="txtPrompt" Value="Visible"/>
    35. </Trigger>
    36. </ControlTemplate.Triggers>
    37. </ControlTemplate>
    38. </Setter.Value>
    39. </Setter>
    40. </Style>


    Das View: im XAML ist der Namespace in welchem die Klasse ​PasswordBoxMonitor liegt.

    Grüße
    Sascha
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

Facebook
Telefonspende