wpf xceed 툴킷 워터 마크 텍스트 상자 첫 번째 항목까지 워터 마크 표시

Question

기본적으로 텍스트 상자에 포커스가 있으면 워터 마크가 사라집니다. 사용자가 첫 번째 문자를 입력 한 다음 텍스트가 지워지면 다시 나타낼 때만 워터 마크 콘텐츠를 사라지게하고 싶습니다. 누구든지이 작업을 수행하는 좋은 방법이 있습니까?

Answer 1

기본 스타일을 수정했습니다. 이제 기본적으로 워터 마크가 (약간 더 어두운) 기본 시스템 "비활성 텍스트"색으로 표시되며 포커스를 받았지만 내용이없는 경우 워터 마크의 불투명도가 0.4로 전환됩니다. 텍스트가 있으면 워터 마크가 완전히 사라집니다. 꽤 좋은 같은데, 내 생각 : 응용 프로그램 전반에 걸쳐이 적용

<LinearGradientBrush x:Key="TextBoxBorder" EndPoint="0,20" MappingMode="Absolute" StartPoint="0,0"> 
    <GradientStop Color="#ABADB3" Offset="0.05" /> 
    <GradientStop Color="#E2E3EA" Offset="0.07" /> 
    <GradientStop Color="#E3E9EF" Offset="1" /> 
</LinearGradientBrush> 

<LinearGradientBrush x:Key="TextBox_MouseOver" EndPoint="0,1" StartPoint="0,0"> 
    <GradientStop Color="#5794BF" Offset="0.05" /> 
    <GradientStop Color="#B7D5EA" Offset="0.07" /> 
    <GradientStop Color="#C7E2F1" Offset="1" /> 
</LinearGradientBrush> 

<LinearGradientBrush x:Key="TextBox_Focused" EndPoint="0,1" StartPoint="0,0"> 
    <GradientStop Color="#3D7BAD" Offset="0.05" /> 
    <GradientStop Color="#A4C9E3" Offset="0.07" /> 
    <GradientStop Color="#B7D9ED" Offset="1" /> 
</LinearGradientBrush> 

<SolidColorBrush x:Key="TextBox_DisabledBorder" Color="#ADB2B5" /> 
<SolidColorBrush x:Key="TextBox_DisabledBackground" Color="#F4F4F4" /> 

<DataTemplate x:Key="DefaultWatermarkTemplate"> 
    <ContentControl Content="{Binding}" Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" Focusable="False" /> 
</DataTemplate> 

<Style TargetType="{x:Type extToolkit:WatermarkTextBox}"> 
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" /> 
    <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}" /> 
    <Setter Property="BorderBrush" Value="{StaticResource TextBoxBorder}" /> 
    <Setter Property="BorderThickness" Value="1" /> 
    <Setter Property="Padding" Value="3" /> 
    <Setter Property="AllowDrop" Value="true" /> 
    <Setter Property="FocusVisualStyle" Value="{x:Null}" /> 
    <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst" /> 
    <Setter Property="Stylus.IsFlicksEnabled" Value="False" /> 
    <Setter Property="WatermarkTemplate" Value="{StaticResource DefaultWatermarkTemplate}" /> 
    <Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="{x:Type extToolkit:WatermarkTextBox}"> 
     <Grid> 

      <Border x:Name="Border" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="1" Background="{TemplateBinding Background}" /> 
      <Border x:Name="MouseOverVisual" Opacity="0" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{StaticResource TextBox_MouseOver}" CornerRadius="1" /> 
      <Border x:Name="FocusVisual" Opacity="0" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{StaticResource TextBox_Focused}" CornerRadius="1" /> 
      <ScrollViewer x:Name="PART_ContentHost" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" /> 
      <ContentPresenter x:Name="PART_WatermarkHost" 
          Content="{TemplateBinding Watermark}" 
          ContentTemplate="{TemplateBinding WatermarkTemplate}" 
          VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
          IsHitTestVisible="False" 
          Margin="{TemplateBinding Padding}" 
          Visibility="Collapsed" /> 

     </Grid> 
     <ControlTemplate.Triggers> 
      <MultiTrigger> 
      <MultiTrigger.Conditions> 
       <Condition Property="Text" Value="" /> 
      </MultiTrigger.Conditions> 
      <MultiTrigger.Setters> 
       <Setter Property="Visibility" TargetName="PART_WatermarkHost" Value="Visible" /> 
      </MultiTrigger.Setters> 
      </MultiTrigger> 
      <MultiTrigger> 
      <MultiTrigger.Conditions> 
       <Condition Property="IsKeyboardFocusWithin" Value="True" /> 
       <Condition Property="Text" Value="" /> 
      </MultiTrigger.Conditions> 
      <MultiTrigger.EnterActions> 
       <BeginStoryboard> 
       <Storyboard> 
        <DoubleAnimation Storyboard.TargetName="PART_WatermarkHost" Storyboard.TargetProperty="Opacity" To=".33" Duration="0:0:0.2" /> 
       </Storyboard> 
       </BeginStoryboard> 
      </MultiTrigger.EnterActions> 
      <MultiTrigger.ExitActions> 
       <BeginStoryboard> 
       <Storyboard> 
        <DoubleAnimation Storyboard.TargetName="PART_WatermarkHost" Storyboard.TargetProperty="Opacity" Duration="0:0:0.4" /> 
       </Storyboard> 
       </BeginStoryboard> 
      </MultiTrigger.ExitActions> 
      </MultiTrigger> 
     <Trigger Property="Text" Value=""> 
      <Trigger.EnterActions> 
      <BeginStoryboard> 
       <Storyboard> 
       <DoubleAnimation Storyboard.TargetName="PART_WatermarkHost" Storyboard.TargetProperty="Opacity" Duration="0:0:0.4" /> 
       </Storyboard> 
      </BeginStoryboard> 
      </Trigger.EnterActions> 
      <Trigger.ExitActions> 
      <BeginStoryboard> 
       <Storyboard> 
       <DoubleAnimation Storyboard.TargetName="PART_WatermarkHost" Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:0.2" /> 
       </Storyboard> 
      </BeginStoryboard> 
      </Trigger.ExitActions> 
     </Trigger> 
      <Trigger Property="IsMouseOver" Value="True"> 
      <Setter TargetName="MouseOverVisual" Property="Opacity" Value="1" /> 
      </Trigger> 
      <Trigger Property="IsFocused" Value="True"> 
      <Setter TargetName="FocusVisual" Property="Opacity" Value="1" /> 
      </Trigger> 
      <Trigger Property="IsEnabled" Value="false"> 
      <Setter TargetName="Border" Property="BorderBrush" Value="{StaticResource TextBox_DisabledBorder}" /> 
      <Setter TargetName="Border" Property="Background" Value="{StaticResource TextBox_DisabledBackground}" /> 
      <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" /> 
      </Trigger> 
     </ControlTemplate.Triggers> 
     </ControlTemplate> 
    </Setter.Value> 
    </Setter> 
</Style> 

가장 쉬운 방법은 App.xaml에 Application.Resources에 그 XAML을 드롭하는 것입니다. 색상 및 불투명도 값을 자유롭게 조정할 수 있습니다.