ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

WPF 气泡提示框的简单实现

2021-09-03 11:33:12  阅读:291  来源: 互联网

标签:样式 代码 19 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,然后各种附加的属性加上去:如图所示 

复制代码
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>
复制代码

标签:样式,代码,19,WPF,提示框,气泡
来源: https://www.cnblogs.com/zhaiganggang/p/15222324.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有