Silverlight 5 Grid组的MouseLeave响应
用Silverlight 5作个用户控件,即是用Grid画几个格子。分别显示几张透明图片。效果是显示中间那张,点击显示的图片后将其他几张图片一起显示出来,鼠标立马这个用户控件范围后自己主动隐藏点击后显示出来的图片
xaml代码例如以下:
<Grid x:Name="oViewImg" Height="280" Width="280">
<Grid.RowDefinitions>
<RowDefinition Height="37"></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition Height="37"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="37"></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition Width="37"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Image x:Name="img01" Source="/img/img01.png" Grid.Row="0" Grid.Column="0"/>
<Image x:Name="img02" Source="/img/img02.png" Grid.Row="0" Grid.Column="2"/>
<Image x:Name="img02" Source="/img/img03.png" Grid.Row="2" Grid.Column="0"/>
<Image x:Name="img03" Source="/img/img04.png" Grid.Row="2" Grid.Column="2"/>
<Image x:Name="oImage" Source="/img/temp/img.png" Grid.Column="1" Grid.Row="1" Height="206"/>
</Grid>
目标是:初始隐藏img01-img04仅仅显示oImage图片,点击oImage后再显示出这次张图片,然后鼠标离开oViewImg范围后隐藏img01-img04。
我非常理想的写下下面代码:
public scLampItem(mLabmpItem labmp)
{
this.oImage.MouseLeftButtonDown += oyiboyCode_MouseLeftButtonDown;
this.oViewImg.MouseLeave += oyiboyCode_MouseLeave;</span>
} void oyiboyCode_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
this.img00.Visibility = System.Windows.Visibility.Visible;
this.img02.Visibility = System.Windows.Visibility.Visible;
this.img20.Visibility = System.Windows.Visibility.Visible;
this.img22.Visibility = System.Windows.Visibility.Visible;
}
void oyiboyCode_MouseLeave(object sender, MouseEventArgs e)</span>
{
this.img00.Visibility = System.Windows.Visibility.Collapsed;
this.img02.Visibility = System.Windows.Visibility.Collapsed;
this.img20.Visibility = System.Windows.Visibility.Collapsed;
this.img22.Visibility = System.Windows.Visibility.Collapsed;
}
然后抓狂的事来了。鼠标离开oImage就立马隐藏了四张图片。而不是我想象的那样,移出了oViewImg的范围才触发MouseLeave事件。问了度娘后才知道。Grid没有背景/背景色的情况下是不能触发事件的。也就是鼠标移到oImage和img01-img02之间的空白区域时就触发了MouseLeave事件。为此猛钻牛角尖去找鼠标位置搜索妄想通过计算鼠标的位置来进行推断鼠标是否在Grid范围之类的办法去来触发隐藏操作。忙乎了一上午,中午吃饭时突然想到...没背景和背景色的情况下不能触发,我给它个背景色不即可了吗。
然后吃完饭后写下了下面代码。
public scLampItem(mLabmpItem labmp)
{
this.oImage.MouseLeftButtonDown += oyiboyCode_MouseLeftButtonDown;
this.oViewImg.MouseLeave += oyiboyCode_MouseLeave;
} void oyiboyCode_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
this.img00.Visibility = System.Windows.Visibility.Visible;
this.img02.Visibility = System.Windows.Visibility.Visible;
this.img20.Visibility = System.Windows.Visibility.Visible;
this.img22.Visibility = System.Windows.Visibility.Visible;
//给Grid一个全然透明的背景色。以保证整Grid范围都能触发事件
this.oViewImg.SetValue(Grid.BackgroundProperty, new SolidColorBrush(Color.FromArgb(0, 255, 255, 255)));
}
void oyiboyCode_MouseLeave(object sender, MouseEventArgs e)
{
this.img00.Visibility = System.Windows.Visibility.Collapsed;
this.img02.Visibility = System.Windows.Visibility.Collapsed;
this.img20.Visibility = System.Windows.Visibility.Collapsed;
this.img22.Visibility = System.Windows.Visibility.Collapsed;
//移除Grid背景色。保证img01-img04隐藏后的区域不会触发事件
this.oViewBigImg.ClearValue(Grid.BackgroundProperty);
}
为这个折腾了一上午,亏死了。作为经验记录一下,省得下次还这样浪费脑力和时间
Silverlight 5 Grid组的MouseLeave响应的更多相关文章
- 第二百三十六节,Bootstrap辅组类和响应式工具
Bootstrap辅组类和响应式工具 学习要点: 1.辅组类 2.响应式工具 本节课我们主要学习一下 Bootstrap 的辅组类和响应式工具,辅助类提供了一组类来辅 组页面设计,而响应式工具则利用媒 ...
- 为WPF和Silverlight的Grid添加边框线(zz)
Grid是WPF和Silverlight中的一个重要的布局元素,其他的布局元素还有StackPanel, Canvas, Border等等.从字面上说,Grid是一个表格的意思,它的使用也确实很方 ...
- CSS Grid布局,实现响应式设计
columns(列) 和 rows(行) 为了使其成为二维的网格容器,我们需要定义列和行.让我们创建3列和2行.我们将使用grid-template-row和grid-template-column属 ...
- 快速使用CSS Grid布局,实现响应式设计
常用Grid布局属性介绍 下面从一个简单Grid布局例子说起. CSS Grid 布局由两个核心组成部分是 wrapper(父元素)和 items(子元素). wrapper 是实际的 grid(网格 ...
- Bootstrap(6)辅组类和响应式工具
一.辅助类 Bootstrap 在布局方面提供了一些细小的辅组样式,用于文字颜色以及背景色的设置.显示关闭图标等等. 1.情景文本颜色 各种色调的字体 <p class="text-m ...
- 用 CSS Grid 布局制作一个响应式柱状图
最新一段时间比较喜欢玩弄图表,出于好奇,我想找出比较好的用 CSS 制作图表的方案.开始学习网上开源图表库,它对我学习新的和不熟悉的前端技术很有帮助,比如这个:CSS Grid. 今天和大家分享我学到 ...
- Bootstrap 辅组类和响应式工具
1.情景文本颜色 //各种色调的字体 <p class="text-muted">Bootstrap 视频教程</p> <p class=" ...
- 为WPF和Silverlight的Grid添加边框线
http://www.cnblogs.com/chenxizhang/archive/2011/09/22/2185414.html
- Silverlight技术调查(4)——完成的调查结果
原文 Silverlight技术调查(4)——完成的调查结果 客户端使用Silverlight+DXperience,可以在线编辑各种常见文本及富文本文档(doc.docx.rtf.txt.html… ...
随机推荐
- spfa代码
先来贴一下,,虽然不是自己写的 #include<iostream>#include<cstdio>#include<cstring>#include<cma ...
- 当文字过长时裁剪(显示省略号或只裁剪 用CSS方法,不用程序)
原文发布时间为:2009-09-16 -- 来源于本人的百度文章 [由搬家工具导入] CSS中ellipsis()应用【转】 CSS手册中text-overflow属性的定义: 语法: text- ...
- Using adb over wifi
Step1 : phone & pc connect the same wifi. Step2 : phone use usb cable to connect pc. Step 3 : $ ...
- 八、 Java程序初始化的顺序(一)
今天在写构造器方法的时候,遇到了一个小问题,由这个问题引发了一连串的思考,在一个Java类中变量与类的初始化执行顺序是什么样的呢?## 发现问题 class Student{ private Stri ...
- 关于apache 虚拟主机配置访问403的问题
<Directory /> Options FollowSymLinks Order allow,deny Allow from all</Directory&g ...
- solr6.6安装
1. 确保系统已经安装jdk1.8,以及Tomcat8. 注:使用Tomcat7会出现很多问题,我遇到的是直接打不开solr的index页面,看网上有网友说还会遇到各种css.js资源404..还有l ...
- cisco packet 实验教程(一)
01. 开篇:组建小型局域网 实验任务 1.利用一台型号为2960的交换机将2pc机互连组建一个小型局域网: 2.分别设置pc机的ip地址: 3.验证pc机间可以互通. 实验设备 Switch_296 ...
- 【原创】设置EXCEL2010打开多个独立窗口
最近发现一个奇怪的问题,发现office中的word和ppt在我使用笔记本分屏幕(双屏)的时候都可以将2份文档分别在2个窗口打开,但是在使用excel的时候却发现不行,最后研究发现原因 ...
- html5---音频视频基础一
//html5 音频和视频 :标签 a: audio,video b: source :视频容器 a:容器文件,类似于压缩了一组文件 -音频轨道 -视频轨道 -元数据:封面,标题,字幕等 -格式:.a ...
- TopCoder SRM 660 Div2 Problem 1000 Powerit (积性函数)
令$f(x) = x^{2^{k}-1}$,我们可以在$O(k)$的时间内求出$f(x)$. 如果对$1$到$n$都跑一遍这个求解过程,时间复杂度$O(kn)$,在规定时间内无法通过. 所以需要优化. ...