WPF气泡提示框的简单制作

2019-12-08 16:00:14来源:爱站网 阅读 ()

新老客户大回馈,云服务器低至5折

产生无限数量的气泡漂浮在窗口上,来回移动,相互碰撞,您还可以向气泡添加一些文本提示,下面是爱站技术频道小编带给大家的WPF气泡提示框的简单制作,一起来看看吧!

具体操作内容如下:

直接上代码

<TextBox Name="account" GotFocus="account_GotFocus" LostFocus="account_LostFocus" Style="{StaticResource LabelTextBox}" xl:ControlAttachProperty.Label="用户名:" Foreground="Black" Margin="10,10,273,271" Width="Auto" />

先在前台创建一个TextBox,然后各种附加的属性加上去:如图所示

<Popup Name="pop3" AllowsTransparency="True" StaysOpen="True" PopupAnimation="Fade" IsOpen="False" PlacementTarget="{Binding ElementName=account}" Placement="Right" >
  <Label Style="{StaticResource tipLable}">
    <StackPanel Orientation="Horizontal">
     <Label Content="请输入用户名"/>
    </StackPanel>
  </Label>
 </Popup>

效果图:

样式代码:

<Style TargetType="Label" x:Key="tipLable">
  <Setter Property="Template">
   <Setter.Value>
    <ControlTemplate TargetType="{x:Type Label}">
     <Grid>
      <Border CornerRadius="4" BorderBrush="Black" BorderThickness="1" VerticalAlignment="Top" Margin="8.5,0,0,0" Background="Yellow" HorizontalAlignment="Left" Padding="5">
       <ContentPresenter />
      </Border>
      <Canvas Width="10" Height="10" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,10,0,0" Background="Transparent">
       <Path Stroke="Black" StrokeThickness="0.5" Fill="Yellow">
        <Path.Data>
         <PathGeometry Figures="M 10,0 L 10,0,0,5 L 0,5,10,10"/>
        </Path.Data>
       </Path>
      </Canvas>
     </Grid>
    </ControlTemplate>
   </Setter.Value>
  </Setter>
 </Style>

以上就是爱站技术频道小编为大家带来的WPF气泡提示框的简单制作,希望对大家的学习有所帮助,也希望大家继续支持爱站技术频道!


原文链接:https://js.aizhan.com/develop/aspnet/10587.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:详解ASP.NET MVC下Bundle的使用方法

下一篇:ASP.NET Core Razor 页面路由详解