WPF气泡提示框的简单制作

本文实例为大家分享了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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 用WPF实现屏幕文字提示的实现方法

    1. 新建一个WPF Application.2. 将Window的WindowStyle属性设置为"None"去掉标题栏,将AllowsTransparency属性设置为"True"允许透明,Topmost属性设置为"True"使提示文字显示在顶层,Background属性设置为"#00000000"使窗口透明.3. 设置Grid的Background属性.如显示黑色文字提示,可使用半透明白色背景.透明的效果如果由Opaci

  • Powershell使用WPF技术实现弹窗提示实例

    WPF (Windows Presentation Foundation) 技术能让你创建窗口和对话框.它的优势是在窗体设计时能与代码分开. 这里有个简单的显示弹出消息练习.这个消息是定义在XAML代码中它的实现类似HTML(但是请区分大小写).你能轻松的调整字体大小,内容,颜色等等.不需要嵌入任何代码. 复制代码 代码如下: $xaml = @"<Window xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation

  • WPF气泡提示框的简单制作

    WPF气泡提示框的简单制作

    本文实例为大家分享了WPF气泡提示框的具体代码,供大家参考,具体内容如下 直接上代码 <TextBox Name="account" GotFocus="account_GotFocus" LostFocus="account_LostFocus" Style="{StaticResource LabelTextBox}" xl:ControlAttachProperty.Label="用户名:" F

  • JS+CSS实现一个气泡提示框

    JS+CSS实现一个气泡提示框

    分享一个气泡提示框,练习的技术有:(1)JS响应鼠标的事件:(2)纯CSS制作三角形. 效果这样:  这是html: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>气泡对话框</title> <script src="myBubbleTooltip.js"></script>

  • Android仿百度谷歌搜索自动提示框AutoCompleteTextView简单应用示例

    Android仿百度谷歌搜索自动提示框AutoCompleteTextView简单应用示例

    本文实例讲述了Android仿百度谷歌搜索自动提示框AutoCompleteTextView简单应用.分享给大家供大家参考,具体如下: 现在我们上网几乎都会用百度或者谷歌搜索信息,当我们在输入框里输入一两个字后,就会自动提示我们想要的信息,这种效果在Android 里是如何实现的呢? 事实上,Android 的AutoCompleteTextView Widget ,只要搭配ArrayAdapter 就能设计同类似Google 搜索提示的效果. 本例子先在Layout 当中布局一个AutoCom

  • jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析

    本文实例讲述了jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法.分享给大家供大家参考,具体如下: 实现效果如上图,当鼠标放置到名字上时,则显示出内容详情. 实现具体过程如下: 1.需要加这句js <!--实现鼠标放置名字上显示气泡说明的js--> <script> $(function () { $('[data-toggle="popover"]').popover() }); </script> 2.html代码如下: <td

  • jquery实现鼠标悬浮弹出气泡提示框

    jquery实现鼠标悬浮弹出气泡提示框

    jquery鼠标悬浮弹出气泡提示框,供大家参考,具体内容如下 居中的图片 代码 我在网上找了很多例子都是单独的一个,所以我修改了jquery的一点代码,让它可以在一个页面上多次使用,原文的地址我没找到,相信我这个会更好一点. //别忘了导入js文件! <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>气泡显示</title> <script

  • C# Winform消息通知系统托盘气泡提示框ToolTip控件

    C# Winform消息通知系统托盘气泡提示框ToolTip控件

    目录 气球状提示框的介绍和系统通知变化 消息通知的提示 ShowBalloonTip()方法及指定消息类型 NotifyIcon属性设置消息 BalloonTipIcon不同的消息类型 ToolTipText属性 ToolTip提示控件显式或主动的提示消息 一个ToolTip同时为多个控件设置提示 显式设置ToolTip 气球状提示框的介绍和系统通知变化 NotifyIcon控件表示系统右下角任务栏上的托盘图标,其ShowBalloonTip方法用于显示任务栏中一定时间的具有指定标题.消息内容和

  • Android使用Toast显示消息提示框

    Android使用Toast显示消息提示框

    在前面的实例中,已经应用过Toast类来显示一个简单的提示框了.这次将对Toast进行详细介绍.Toast类用于在屏幕中显示一个消息提示框,该消息提示框没有任何控制按钮,并且不会获得焦点,经过一段时间后自动消失.通常用于显示一些快速提示信息,应用范围非常广泛. 使用Toast来显示消息提示框非常简单,只需要一下三个步骤: (1).创建一个Toast对象.通常有两种方法:一种是使用构造方式进行创建: Toast toast=new Toast(this); 另一种是调用Toast类的makeTex

  • 解决Antd Table表头加Icon和气泡提示的坑

    对于Antd Table组件的columns数组来说,它需要接受2个属性(filterDropdown,filterIcon)才能在表头某个属性旁展示图标Icon: columns: [{ title: '表达式', dataIndex: 'formulaTenderAmount', key: 'formulaTenderAmount', width: 150, placeholder: '请输入表达式', filterDropdown: (<div></div>), filter

  • js制作提示框插件

    js制作提示框插件

    JavaScript制作一个简单的提示框插件 下面是制作的提示框插件文件 window.myPlugin = window.myPlugin || {}; window.myPlugin.showMsg = (function () { var mongolia, //蒙层 promptBox, //提示框 closeSpan, //关闭按钮 titleSpan, //提示标题 contextSpan, //提示信息 okBtn, //确定按钮 cancelBtn, //取消按钮 isRegEv

  • js正则实现的密码框简单制作,还可以替换成自己想用得符号

    密码框简单制作,还可以替换成自己想用得符号. <style type="text/css"> #c { position: relative; } #a { position: absolute; left: 0; top: 0; font-size: 12px; font-family: 宋体; } #b { position: absolute; left: 0; top: 0; font-size: 12px; font-family: 宋体; -moz-opacit

随机推荐