2020-07-21

Wpf TextBox 如何简单粗暴的实现水印效果?

效果图预览

 

新建UserControl

 

<Border Background="#F3F6F9" Height="50" Width="400"     CornerRadius="10" HorizontalAlignment="Stretch">    <Grid Height="Auto">     <Grid.ColumnDefinitions>      <ColumnDefinition Width="50"/>      <ColumnDefinition Width="*"/>     </Grid.ColumnDefinitions>            <!--请将 Image 的属性 Source 修改为自己的项目路径-->     <Image Source="/Sample;component/Resources/search.png" Width="25" Stretch="Uniform"/>     <TextBox Grid.Column="1" x:Name="searchQuery" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" VerticalContentAlignment="Center" TextAlignment="Left" BorderThickness="0" Background="Transparent"/>     <TextBlock Grid.Column="1" Margin="3,0,0,0" Text="请输入搜索内容..." FontWeight="Bold" HorizontalAlignment="Left" TextAlignment="Left" VerticalAlignment="Center" Foreground="LightGray" IsHitTestVisible="False">      <TextBlock.Style>       <Style TargetType="{x:Type TextBlock}">        <Setter Property="Visibility" Value="Collapsed"/>        <Style.Triggers>         <DataTrigger Binding="{Binding Text, ElementName=searchQuery}" Value="">          <Setter Property="Visibility" Value="Visible"/>         </DataTrigger>        </Style.Triggers>       </Style>      </TextBlock.Style>     </TextBlock>    </Grid>   </Border>

 

必读:请将 Image 的属性 Source 修改为自己的项目路径
 search.png 保存到项目中设置 必读:生成操作修改Resource

 

Wpf TextBox 如何简单粗暴的实现水印效果?家得宝bol斑马物联白板开广告?虾皮和lazada如何测评?Listing被限制上架如何修复?亚马逊Listing常见问题解决方案亚马逊卖家如何通过launch list让产品出现在搜索首页?丹巴党岭 探寻川西高原的人间净土(5)山水就是不老丹 重阳探秘中国五大长寿之乡(全文)四条旅游线路教你玩转千年古镇——同里_同里攻略

No comments:

Post a Comment