WPF气泡提示框的简单制作

2024-07-10 12:54:27

字体：大中小

来源：转载

供稿：网友

产生无限数量的气泡漂浮在窗口上，来回移动，相互碰撞，您还可以向气泡添加一些文本提示，下面是错新技术频道小编带给大家的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气泡提示框的简单制作，希望对大家的学习有所帮助，也希望大家继续支持错新技术频道！

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

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