如何在Winrt中将WaterMark属性添加到PasswordBox

Question

我需要WatermarkPasswordBox控件，但Winrt中没有。也许我们可以将水印属性添加到PasswordBox中。有人能做到吗？

感谢

Answer 1

水印的目的是在控件后面传递消息。在本演示的情况下，水印在您开始键入文本后也会消失，因此它们更像是一个字段"提示"，告诉您预期的内容。

为了实现这一点，我们求助于一个常规的WPF解决方案提供商AttachedProperty。AttachedProperties允许您向任何控件添加额外的属性。您还可以将其扩展到Attachedbehaviour中，使控件对属性的更改做出反应。

在本例中，我们使用了两个附加的属性。第一个"WaterrmarkProperty"获取水印值并初始化控件：

public static string GetWatermark(DependencyObject obj) 
{ 
    return (string)obj.GetValue(WatermarkProperty); 
} 
public static void SetWatermark(DependencyObject obj, string value) 
{ 
    obj.SetValue(WatermarkProperty, value); 
} 
public static readonly DependencyProperty WatermarkProperty = 
    DependencyProperty.RegisterAttached("Watermark", typeof(string), typeof(TextBoxHelper), new UIPropertyMetadata(null, WatermarkChanged));

附加的第二个属性是通知框中是否有一个值，模板绑定到该值并隐藏或显示水印。

public static bool GetShowWatermark(DependencyObject obj) 
{ 
    return (bool)obj.GetValue(ShowWatermarkProperty); 
} 
public static void SetShowWatermark(DependencyObject obj, bool value) 
{ 
    obj.SetValue(ShowWatermarkProperty, value); 
} 
public static readonly DependencyProperty ShowWatermarkProperty = 
    DependencyProperty.RegisterAttached("ShowWatermark", typeof(bool), typeof(TextBoxHelper), new UIPropertyMetadata(false));

对于TextBoxHelper，无论何时更改文本，水印都会显示或隐藏如下：

private static void CheckShowWatermark(TextBox box) 
{ 
    box.SetValue(TextBoxHelper.ShowWatermarkProperty, box.Text == string.Empty); 
} 

这由ControlTemplate:控制

<ControlTemplate x:Key="WatermarkedTextBoxTemplate" TargetType="{x:Type TextBox}"> 
    <Microsoft_Windows_Themes:ListBoxChrome x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderFocused="{TemplateBinding IsKeyboardFocusWithin}" SnapsToDevicePixels="true"> 
        <Grid> 
            <TextBlock Text="{Binding Path=(local:TextBoxHelper.Watermark), RelativeSource={RelativeSource TemplatedParent}}" Opacity=".5" FontWeight="Bold" Visibility="{Binding (local:TextBoxHelper.ShowWatermark), Converter={StaticResource BooleanToVisibilityConverter}, RelativeSource={RelativeSource TemplatedParent}}" /> 
            <ScrollViewer x:Name="PART_ContentHost" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/> 
        </Grid> 
    </Microsoft_Windows_Themes:ListBoxChrome> 
    <ControlTemplate.Triggers> 
        <Trigger Property="IsEnabled" Value="false"> 
            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/> 
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
        </Trigger> 
    </ControlTemplate.Triggers> 
</ControlTemplate>

来源：http://code.msdn.microsoft.com/windowsdesktop/Watermarked-TextBox-and-444ebdec

Answer 2

在Windows 8.0中，您可以使用WinRT XAML Toolkit中的WatermarkPasswordBox，您可以从这里获得它。它为您提供了一个Watermark属性，用于将任何UI元素（Shape、Image等）设置为水印，或者WatermarkText属性采用文本，WatermarkTextStyle属性采用TextBlock Style来设置文本样式。

在Windows 8.1中，您可以使用相同的属性或使用新的PlaceholderText属性。

请随意从库中提取和修改WatermarkPasswordBox控件的代码，并在您的应用程序中使用它。它获得了麻省理工学院的许可。无需学分。只需获取.cs和.xaml文件，并将.xaml资源字典包含在Themes/Generic.xaml中，如下所示：

<ResourceDictionary
        Source="ms-appx:///YourControlsLibraryNamefNotInMainApp/RelativeDirectoryPathOfTheFile/WatermarkPasswordBox.xaml" />

Answer 3

更新1

如果您不想使用第三方DLL，请在PasswordBoxBehavior.cs文件中添加这两种方法。

using System.Reflection;
public static T FindVisualChildByName<T>(this DependencyObject fe, string name) where T : DependencyObject
{
    if (string.IsNullOrEmpty(name))
    {
        throw new ArgumentNullException("name");
    }
    for (int i = 0; i < VisualTreeHelper.GetChildrenCount(fe); i++)
    {
        DependencyObject child = VisualTreeHelper.GetChild(fe, i);
        string a = child.GetValue(FrameworkElement.NameProperty) as string;
        if (a == name)
        {
            return child as T;
        }
        T t = FindVisualChildByName<T>(child, name);
        if (t != null)
        {
            return t;
        }
    }
    return default(T);
}
public static T FindVisualParent<T>(this DependencyObject fe) where T : DependencyObject
{
    for (fe = VisualTreeHelper.GetParent(fe); fe != null; fe = VisualTreeHelper.GetParent(fe))
    {
        T t = fe as T;
        if (t != null)
        {
            return t;
        }
    }
    return default(T);
}

---

以下是JulMar 的大量博客

向Windows应用商店应用中的PasswordBox添加水印

如果你想自己使用，这是代码。