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

1. 新建一个WPF Application。
2. 将Window的WindowStyle属性设置为"None"去掉标题栏,将AllowsTransparency属性设置为"True"允许透明,Topmost属性设置为"True"使提示文字显示在顶层,Background属性设置为"#00000000"使窗口透明。
3. 设置Grid的Background属性。如显示黑色文字提示,可使用半透明白色背景。透明的效果如果由Opacity属性产生会使该容器内的其他元素也有透明效果。比较简单的方法是通过Background属性的前两位来设置透明度。
4. 给Window的MouseLeave、MouseDown、MouseEnter事件添加处理方法。添加MouseEnter和MouseLeave事件的处理方法是为了让鼠标划入提示区域时加深背景透明度,鼠标划出提示区域时减小背景透明度。MouseDown事件的处理方法使鼠标点击提示区域后取消提示。


代码如下:

代码
/// <summary>
/// 鼠标移入处理方法
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Window_MouseEnter(object sender, MouseEventArgs e)
{
    Brush brush = new SolidColorBrush(Color.FromArgb(0x78,0xFF,0xFF,0xFF));  // 创建一个纯色brush
    grid.Background = brush;  // 应用于grid
}
/// <summary>
/// 鼠标移出处理方法
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Window_MouseLeave(object sender, MouseEventArgs e)
{
    Brush brush = new SolidColorBrush(Color.FromArgb(0x52, 0xFF, 0xFF, 0xFF));  // 创建一个纯色brush
    grid.Background = brush;  // 应用于grid
}
/// <summary>
/// 鼠标按下处理方法
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Window_MouseDown(object sender, MouseButtonEventArgs e)
{
    mainWindow.Close();  // 或者使用mainWindow.Hide()隐藏窗口
}

本文适用于 .NET Framework 4

(0)

相关推荐

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

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

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

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

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

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

  • jquery实现简单文字提示效果

    本文实例讲述了jquery实现简单文字提示效果.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jquery实现简单文字提示</title> &l

  • jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】

    本文实例讲述了jQuery悬停文字提示框插件jquery.tooltipster.js用法.分享给大家供大家参考,具体如下: 运行效果截图如下: index.html页面: <!DOCTYPE html> <html lang="en"> <head> <title>jQuery Tooltips悬停文字提示框效果</title> <meta charset="utf-8" /> <lin

  • js实现鼠标移到链接文字弹出一个提示层的方法

    本文实例讲述了js实现鼠标移到链接文字弹出一个提示层的方法.分享给大家供大家参考.具体分析如下: 这里实现鼠标移动到链接文字上面,弹出一个已定义好的DIV层的效果.在这个层里你可以加入与此链接对应的信息,这样就成了一个信息提示窗,在淘宝.新浪都能看到这种效果,很实用. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1

  • JS实现跟随鼠标的链接文字提示框效果

    本文实例讲述了JS实现跟随鼠标的链接文字提示框效果.分享给大家供大家参考.具体如下: 这里使用JavaScript与CSS实现链接提示效果,不会改变你原来的链接结构,使用链接原有的title标签来实现,如果之前你使用有title标签,那你几乎只需把JS代码拷贝到你的网页中即可.你会发现,运行本效果后,鼠标在链接上移动的话,文字提示框会跟随鼠标而移动位置. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran

  • 基于JS实现密码框(password)中显示文字提示功能代码

    其实实际上实现中并不能让password中显示文字提示,但是我们在工作中有这样的需求,当没输入东西的时候,框内有提示输入密码,但是当输入东西的时候又显示的是*号,那么是如何实现的呢?其实原理很简单,就是放两个文本框,样式以及定位都是一样的.先将type为password的隐藏,只显示type为text的伪密码框,value设置提示内容例如请输入密码.然后当input触发的时候,type为text的input隐藏,让type为password的input显示出来.然后当检测password的val

  • input 标签实现输入框带提示文字效果(两种方法)

    方法一:html5配合css3实现带提示文字的输入框(摆脱js): webkit特有的一个css,可以控制里面的文字样式,配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登录.搜索等位置很适合,感兴趣的你可以参考下本文或许可以帮助到你,Webkit作为载体开发系统,当然需要大量使用Html5与CSS3,不仅减少大量的JS还可以保证更流畅. 当选中对话框后,提示文字变浅色,输入后消失.这个现在通行的做法是在Input标签后面增加一个Label.使用JS控制. HTML5

  • jQuery文字提示与图片提示效果实现方法

    本文实例讲述了jQuery文字提示与图片提示效果实现方法.分享给大家供大家参考,具体如下: 1.效果如图: 2.文字提示代码: <script type="text/javascript"> //<![CDATA[ $(function(){ var x = 10; var y = 20; $("a.tooltip").mouseover(function(e){ this.myTitle = this.title; this.title = &q

  • jQuery实现行文字链接提示效果的方法

    本文实例讲述了jQuery实现行文字链接提示效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xht

  • JavaScript实现选中文字提示新浪微博分享效果

    本文实例为大家分享了JS新浪微博分享功能,供大家参考,具体内容如下 <!DOCTYPE html> <html xmlns:wb="http://open.weibo.com/wb"> <head> <meta charset="utf-8"> <title>javaScript实现选中文字提示新浪微博分享的效果</title> <style type="text/css&quo

随机推荐