WPF气泡提示框的简单制作
2017-09-28 14:49
936 查看
本文实例为大家分享了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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- MSDN 教程短片 WPF 17(简单播放器的制作)
- 通过制作一个简单的时钟学习WPF中DispatcherTimer的使用 Level 100
- WPF制作一个简单的倒计时器实例附源码
- WPF动画制作简单的按钮动画
- css 用◆制作 小三角气泡提示框效果
- WPF学习——制作一个简单的录入界面(1): 添加需要的控件
- WPF学习——制作一个简单的录入界面(2):用C#编程实现所有控件的功能
- WPF初探——制作一个简单的倒计时器
- WPF下制作的简单瀑布流效果
- 制作闪光球与气泡,超简单
- 利用 css 制作简单的提示框
- 通过制作一个简单的时钟学习WPF中DispatcherTimer的使用 Level 100
- 请帮忙:WPF学习——制作一个简单的录入界面(3):界面存在的问题
- 一个简单的WPF图片动画制作
- pyqt4制作简单爬虫
- 使用Behavior Designer插件简单制作NPC AI
- WPF里面制作圆角文本框
- JavaScript实现简单Tip提示框效果
- 运用js简单制作图片的左右移动
- 在VMware上制作一个简单的Linux