服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - WPF气泡提示框的简单制作

WPF气泡提示框的简单制作

2020-05-15 14:24PettyHandSome ASP.NET教程

这篇文章主要为大家详细介绍了WPF气泡提示框的简单制作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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,然后各种附加的属性加上去:如图所示

WPF气泡提示框的简单制作

?
1
2
3
4
5
6
7
<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>

效果图:

WPF气泡提示框的简单制作

样式代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<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>

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

原文链接:http://www.cnblogs.com/PettyHandSome/archive/2017/09/28/7606098.html

延伸 · 阅读

精彩推荐