WPF DataGridCell 水印样式。无法编辑单元格

Question

我想在我的应用程序中为DataGridCell 添加一个样式，以在单元格为空的情况下产生带水印的“提示”效果，从而向用户提示他需要在单元格中输入什么。

<Window.Resources>
    <Style x:Key="WatermarkTextBox" TargetType="{x:Type DataGridCell}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type DataGridCell}">
                    <Grid>
                        <Border x:Name="BorderBase" Background="White" BorderThickness="1.4,1.4,1,1" BorderBrush="Red">
                            <Label x:Name="TextPrompt" 
                            Content="{Binding RelativeSource={RelativeSource  Mode=TemplatedParent}, Path=Tag}" 
                            Background="{TemplateBinding Background}" Visibility="Visible" 
                            Focusable="False" Foreground="Silver"/>
                        </Border>
                        <!--<ScrollViewer Margin="0" x:Name="PART_ContentHost" Foreground="Black"/>-->
                    </Grid>
                    <ControlTemplate.Triggers>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsFocused" Value="False"/>
                                <Condition Property="Content" Value=""/>
                            </MultiTrigger.Conditions>
                            <Setter Property="Visibility" TargetName="TextPrompt" Value="Visible"/>
                        </MultiTrigger>
                        <Trigger Property="IsFocused" Value="True">
                            <Setter Property="BorderBrush" TargetName="BorderBase" Value="Black"/>
                            <Setter Property="Visibility" TargetName="TextPrompt" Value="Collapsed"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Foreground" Value="DimGray" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

这是我的代码：

Style style = this.FindResource("WatermarkTextBox") as Style;
myCell.Tag = "input position here please";
myCell.Style = style;

而且效果很好。执行此代码时，将正确应用水印样式。但是当我专注于单元格时，我什么也写不出来。
我的意思是，“IsFocused”触发器被执行，Label 被折叠（消失），但我无法在单元格内输入任何内容。

Answer 1

您缺少ContentPresenter：

<Style x:Key="WatermarkTextBox" TargetType="{x:Type DataGridCell}">
    <Setter Property="Tag" Value="insert" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type DataGridCell}">
                <Grid>
                    <Border x:Name="BorderBase" Background="White" BorderThickness="1.4,1.4,1,1" BorderBrush="Red">
                        <Label x:Name="TextPrompt" 
                                               Content="{Binding RelativeSource={RelativeSource  Mode=TemplatedParent}, Path=Tag}" 
                                               Background="{TemplateBinding Background}" Visibility="Visible" 
                                               Focusable="False" Foreground="Silver"/>
                    </Border>
                    <ContentPresenter x:Name="cp" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsFocused" Value="False"/>
                            <Condition Property="Content" Value=""/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Visibility" TargetName="TextPrompt" Value="Visible"/>
                        <Setter Property="Visibility" TargetName="cp" Value="Collapsed"/>
                    </MultiTrigger>
                    <Trigger Property="IsFocused" Value="True">
                        <Setter Property="BorderBrush" TargetName="BorderBase" Value="Black"/>
                        <Setter Property="Visibility" TargetName="TextPrompt" Value="Collapsed"/>
                        <Setter Property="Visibility" TargetName="cp" Value="Visible"/>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter Property="Foreground" Value="DimGray" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Answer 2

试试这个，更新

<Style x:Key="WatermarkTextBox"  TargetType="{x:Type TextBox}">

    <Setter Property="FontSize" Value="12" />

    <Setter Property="Background" Value="Transparent" />

    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TextBoxBase}">

                <Grid>

                    <Border
                        x:Name="border"
                        SnapsToDevicePixels="True">
                        <ScrollViewer
                            x:Name="PART_ContentHost"
                            Focusable="False"
                            HorizontalScrollBarVisibility="Hidden"
                            VerticalScrollBarVisibility="Hidden" />
                    </Border>

                    <TextBlock
                        x:Name="placeholder"
                        VerticalAlignment="Center"
                        IsHitTestVisible="False"
                        Text="{TemplateBinding Tag}">
                        <TextBlock.Style>
                            <Style TargetType="{x:Type TextBlock}">
                                <Setter Property="Visibility" Value="Collapsed" />
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding Text, RelativeSource={RelativeSource TemplatedParent}}" Value="">
                                        <Setter Property="Visibility" Value="Visible" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </TextBlock.Style>

                    </TextBlock>

                </Grid>

                <ControlTemplate.Triggers>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter TargetName="border" Property="Opacity" Value="0.56" />
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="border" Property="BorderBrush" Value="#FF7EB4EA" />
                    </Trigger>
                    <Trigger Property="IsKeyboardFocused" Value="True">
                        <Setter TargetName="border" Property="BorderBrush" Value="#FF569DE5" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>

</Style>

用法

            <DataGrid.Columns>
                <DataGridTemplateColumn Header="  Tags  ">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>

                            <TextBox Style="{StaticResource WatermarkTextBox}"
                                FontSize="12"
                                VerticalAlignment="Center"                                    
                                Tag="Stage Name .." 
                                Width="60"/>

                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>