Question

我有一个这样的模板，

<Style x:Key="WaterMarkTextBoxStyle" BasedOn="{StaticResource {x:Type TextBox}}" TargetType="{x:Type TextBox}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TextBox}">
                <Grid>
                    <ScrollViewer x:Name="PART_ContentHost" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                    <TextBlock x:Name="textBlock" Opacity="0.345" Text="Enter Text Here" TextWrapping="Wrap" Visibility="Hidden" />
                </Grid>

                <ControlTemplate.Triggers>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsFocused" Value="False" />
                            <Condition Property="Text" Value="" />
                        </MultiTrigger.Conditions>
                        <Setter Property="Visibility" TargetName="textBlock" Value="Visible" />
                    </MultiTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这似乎可以很好地作为WPF中的水印文本框，但是如何更改水印文本的内容呢？

上面是硬编码为Text ='在这里输入文字'。

如果我像这样使用上述内容，

<TextBox Style="{StaticResource WaterMarkTextBoxStyle}"></TextBox>

我实际上无法设置水印文本的内容。

想法？

Answer 1

使用附加的依赖属性：

public static class Watermark
{
    public static readonly DependencyProperty TextProperty =
        DependencyProperty.RegisterAttached( "Text",
                                             typeof(Boolean),
                                             typeof(Watermark),
                                             new FrameworkPropertyMetadata() );

    public static void SetText( UIElement element, Boolean value )
    {
        element.SetValue( TextProperty, value );
    }

    public static Boolean GetText( UIElement element )
    {
        return (Boolean)element.GetValue( TextProperty );
    }
}

然后为了你的控制你会做类似的事情：

<TextBox Style="{StaticResource WaterMarkTextBoxStyle}" Watermark.Text="Search" />

然后你的风格需要绑定到DP：

<TextBlock x:Name="textBlock" Opacity="0.345"
           Text="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(local:Watermark.Text)}"
           TextWrapping="Wrap" Visibility="Hidden" />

如何在水印文本框上设置水印文本

1 个答案: