效果图预览
新建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