使用MVVM模式在文本框中添加水印

时间:2014-11-18 19:10:39

标签: c# wpf xaml mvvm

我想在使用MVVM设计模式的同时在文本框中添加水印。

浏览了几个小时后,我找到了解决问题的方法 - 但我的解决方案并不奏效!

以下代码放在UserControl中,其中文本框应该有一个水印,说明"插入字段.." - 或类似的东西。当用户在文本框中键入内容时,水印会消失。但我只看到一个空的文本框;没有水印可见。

<TextBox x:Name="txtFields" Height="23" TextWrapping="Wrap" Background="#FFCBEECD" AcceptsReturn="True" >
    <TextBox.InputBindings>
        <KeyBinding Key="Enter" Command="{Binding AddFieldCommand}"></KeyBinding>
    </TextBox.InputBindings>
</TextBox>

<!--Watermark for TextBox-->
<TextBlock IsHitTestVisible="False" Text="Insert Fields.." VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0,0,0" Foreground="DarkGray">
    <TextBlock.Style>
        <Style TargetType="{x:Type TextBlock}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Text, ElementName=txtFields}" Value="">
                    <Setter Property="Visibility" Value="Visible" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </TextBlock.Style>
</TextBlock>

看看为什么这段代码不起作用?

谢谢,

解决方案:

<Grid>
    <TextBox x:Name="txtMethods" Height="23" TextWrapping="Wrap" Text="Insert Methods" Background="#FFCBEECD" AcceptsReturn="True">
        <TextBox.InputBindings>
            <KeyBinding Key="Enter" Command="{Binding AddMethodCommand}"></KeyBinding>
        </TextBox.InputBindings>
    </TextBox>

    <TextBlock IsHitTestVisible="False" Text="Insert Methods.." VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0,0,0" Foreground="DarkGray">
        <TextBlock.Style>
            <Style TargetType="{x:Type TextBlock}">
                <Setter Property="Visibility" Value="Collapsed"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Text, ElementName=txtMethods}" Value="">
                        <Setter Property="Visibility" Value="Visible"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </TextBlock.Style>
    </TextBlock>
</Grid>

这似乎对我有用:

0 个答案:

没有答案