查看: 441|回复: 0

[ASP.NET教程] WPF气泡提示框的简单制作

发表于 2018-1-3 08:00:01

本文实例为大家分享了WPF气泡提示框的具体代码,供大家参考,具体内容如下

直接上代码

  1. <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,然后各种附加的属性加上去:如图所示

  1. <Popup Name="pop3" AllowsTransparency="True" StaysOpen="True" PopupAnimation="Fade" IsOpen="False" PlacementTarget="{Binding ElementName=account}" Placement="Right" >
  2. <Label Style="{StaticResource tipLable}">
  3. <StackPanel Orientation="Horizontal">
  4. <Label Content="请输入用户名"/>
  5. </StackPanel>
  6. </Label>
  7. </Popup>
复制代码

效果图:

样式代码:

  1. <Style TargetType="Label" x:Key="tipLable">
  2. <Setter Property="Template">
  3. <Setter.Value>
  4. <ControlTemplate TargetType="{x:Type Label}">
  5. <Grid>
  6. <Border CornerRadius="4" BorderBrush="Black" BorderThickness="1" VerticalAlignment="Top" Margin="8.5,0,0,0" Background="Yellow" HorizontalAlignment="Left" Padding="5">
  7. <ContentPresenter />
  8. </Border>
  9. <Canvas Width="10" Height="10" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,10,0,0" Background="Transparent">
  10. <Path Stroke="Black" StrokeThickness="0.5" Fill="Yellow">
  11. <Path.Data>
  12. <PathGeometry Figures="M 10,0 L 10,0,0,5 L 0,5,10,10"/>
  13. </Path.Data>
  14. </Path>
  15. </Canvas>
  16. </Grid>
  17. </ControlTemplate>
  18. </Setter.Value>
  19. </Setter>
  20. </Style>
复制代码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持程序员之家。



回复

使用道具 举报