当Margin变更后鼠标IsMouseOver事件重复触发问题的解决办法

最新推荐文章于 2022-02-15 22:32:39 发布
原创 最新推荐文章于 2022-02-15 22:32:39 发布 · 307 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个在实现鼠标移过效果时遇到的问题：控件在鼠标移过时会产生上下跳动现象。通过在外层添加一个透明Grid控件，成功解决了IsMouseOver引起的跳动问题。

有这样一个需求

当鼠标移过时,要有个立体阴影,上移10px来显示这个效果

但是问题来了,当鼠标移动到这个移动后的10px位置后,会疯狂的上下跳动

最后找到了办法,是在控件外套一个grid且把背景色设为透明,这样就会产生一个IsMouseOver的阻挡,不会疯狂跳动了

 

WPF 用触发器 不能改变按钮背景颜色的解决方案
u013769013的博客
06-07 788
自己理解：如果不指定 TargetName ,程序不知道 Background是那个对象的，所以必须指定 TargetName。关键点 在程序 ，刚开始设置的时候用的 一点作用都没有，最后参照按钮模板源码 找到关键字 TargetName 才恍然大悟。这是一个Style 触发器 IsMouseOver 触发时设置按钮为红色。
WPF 实现 鼠标点击 取消 TextBox 光标
m0_51961114的博客
12-13 507
WPF 实现通过 在 TextBox 控件外点击鼠标取消 TextBox 的光标
WPF WrapPanel IsMouseOver 控制Visibility控件不停闪烁
qq_41059339的博客
06-16 639
搜索问题，发现答案都是如果使控件闪烁的答案，最后去stackflow找答案，如果希望鼠标进入就显示控件，可以使用Opacity属性控制显隐。 code: <WrapPanel.Resources> <Style x:Key="WrapPanelStyle" TargetType="WrapPanel">
【前端 HTML+CSS+JavaScript(JS)】DOM练习-onmouseover事件 鼠标悬浮切换图片 带注释/总结
cc2855816075的博客
02-15 862
效果： 鼠标放到图片上图片变化 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>作业5-mouse事件</title> <script src="utility.js" type="text/javascript" charset="utf-8"></script> </head> <body&
onmouseover和onmouseout事件小结
brokenkay的博客
06-30 1万+
前言 onmouseover和onmouseout事件是在pc端上使用非常广泛的鼠标划入划出事件.顾名思义,onmouseover是进入到dom元素中触发的事件,而onmouseout是移除dom元素触发的事件. 说明 我们对最外面的红色框分别绑定onmouseover和onmouseout事件,鼠标进入dom元素时打印"进入",离开dom元素时打印"离开" 鼠标进入红色框的子元素灰色框时会先触发红色框绑定的onmouseout事件,再触发红色框绑定的onmouseover...
margin和padding的坑
aliven1的博客
03-29 2664
有些情况，元素设置的padding部分，不会触发元素绑定的一些事件，像click等，但是如果换成子元素的margin,就没问题了
js-鼠标经过显示下拉菜单
热门推荐
琳
10-13 2万+
在网页中，下拉菜单的样式非常多，这里介绍一下如何用js代码来控制 分析：1、效果：控制样式display的显示和隐藏           2、事件：当鼠标经过时onmouseover和当鼠标移出时onmouseout           3、获取元素：DOM文档对象模型：赋予js控制结构和样式的能力。document.getElementById（）；获取 元素 通过 id；
WPF，我需要一个用户控件实现一种按钮， 1、按钮包含图标和文字，排序方式可以是左右结构或者是上下结构，在使用的时候可以定义排序方式；2、使用用户控件时可以定义 图标大小和文字大小以及图标地址和文字内容；3、点击事件； 4、附上简单的鼠标悬停改变颜色， 使用最少的代码帮我实现这个用户控件，控件命名IconTextButton
最新发布
12-21
<Trigger Property="IsMouseOver" Value="True"> <Setter Property="Background" Value="#E0E0E0"/> <!-- 悬停时的背景色 --> , RelativeSource={RelativeSource AncestorType=UserControl}}">...
WPF Slider控件全解析：掌握事件处理与数据绑定技巧
# 摘要 本文深入探讨了WPF (Windows Presentation Foundation) 中Slider控件的各个方面，包括其基本使用、事件处理、...最后，文章强调了性能优化和调试的重要性，并提供了案例研究来说明问题定位与解决的技巧。本文旨
样式触发器距离
04-18
用户的问题可能与触发器的条件设置有关，比如当焦点离开行一定距离或时间后触发样式变更，但WPF中并没有直接控制物理距离的属性。可能的解释是用户想设置触发器的条件，例如焦点离开行后的延迟，或者基于位置的...
bootstrap下拉菜单，鼠标移上去，显示下拉框
danniyedan的博客
09-30 1726
项目场景： 制作导航栏时，希望鼠标移到每个nav上，显示其下拉框 问题描述： 鼠标移到上面后，下拉框出来，当鼠标移到下拉框想去选中某个li的时候，下拉框就消失不见了 解决方法：给ul添加一个margin-top:-0.1px 让下方事先隐藏起来的ul跟上面的nav有一丁点儿重叠，哪怕只有一丝丝，这时候下拉框不会消失，可以正常点击下拉框里面的子选项 ...
常用鼠标事件，键盘事件总结
lululul123的博客
12-11 5186
-moz-：firefox浏览器特有属性； -webkit-:chrome,sa
解决鼠标移动导航栏，下拉菜单就会消失的问题
weixin_40326021的博客
10-12 5073
这个太坑了特此写一篇博客记录 $(".product_guid").mouseover(function(){         $(".first_guid").show();     })     $(".product_guid").mouseover(function(){         $(".first_guid").hide();     }) 原本代码这么写，因为first_g...
html点击某块区域触发条件,三种方法教你HTML实现点击某一个元素之外触发事件...
weixin_42316079的博客
06-04 3605
HTML实现点击某一个元素之外触发事件大致编写的HTML界面渲染后是这个样子的，我们现在想要实现的需求是点击Button所在的div不会触发事件，而在点击Button所在的div之外的区域时会触发事件，下面就来介绍三种方法实现。Button/* CSS代码 */.container{width: 400px;height: 400px;display: flex;align-items: cent...
wpf修改鼠标悬停效果
郁闷之春的专栏
06-07 6608
插入到App.xaml页面的Application.Resources里 <Style x:Key="MyButton" TargetType="Button"> <Setter Property="OverridesDefaultStyle" Value="True" /> <Setter Property="Cursor" Va...
WPF控件TextBlock文本居中
FireGhost57的专栏
02-19 1万+
&lt;TextBlock Grid.Row="7" HorizontalAlignment="Center" VerticalAlignment="Center" Style="{StaticResource LoginTitle}" FontSize="21" Foreground="#3C6368"
WPF的TextBlock绑定多个参数的写法(多重绑定)
FireGhost57的专栏
05-15 6932
<Style x:Key="showTxt" TargetType="{x:Type TextBox}"> <Setter Property="Text"> <Setter.Value> <!-- 多重绑定 --> <MultiBinding StringFormat="{}{0}({1})"> <Bin...
使用HTML Editor时引用MSHTML报错:warning MSB3283: 找不到类型库“MSHTML”的包装器程序集。请验证 (1) 是否已正确注册 COM 组件
FireGhost57的专栏
01-02 5701
操作系统: Win10 x64 引用方式: 提示报错: 看了下引用路径: C:\Program Files (x86)\Microsoft Visual Studio\2017\Professional\Common7\IDE\PublicAssemblies\Microsoft.mshtml.dll 然后把路径下的dll拷贝出来放项目里直接引用就可以了...
[WPF]窗口失去焦点的处理方法
FireGhost57的专栏
02-24 5420
在wpf中,控件失去焦点可以用LostFocus,然而Window并没有失去焦点这个概念,所以我们需要用非活跃事件Deactivated来认为窗口失去了焦点 例如,写一个窗口失去焦点时关闭这个窗口的事件: ...
WPF radiobutton 写自定义style 当鼠标触发IsMouseOver事件时，将contnet的值改变颜色
10-31
在WPF中，如果您想为RadioButton控件编写自定义样式，并在鼠标悬停（IsMouseOver事件触发）时更改其Content的颜色，您可以创建一个新的Style并设置Trigger来响应鼠标悬停。以下是一个基本示例： ```xml <Style TargetType="RadioButton"> <Setter Property="Foreground" Value="Black"/> <!-- 设置默认前景色 --> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Foreground" Value="Blue"> <!-- 鼠标悬停时更改前景色为蓝色 --> <EventSetter Event="MouseLeave" Handler="RadioMouseLeaveHandler"/> </Setter> </Trigger> </Style.Triggers> <ControlTemplate> <!-- 自定义RadioButton模板内容 --> </ControlTemplate> </Style> <!-- 如果需要在代码背后处理MouseLeave事件，可以添加如下方法 --> private void RadioMouseLeaveHandler(object sender, MouseEventArgs e) { var radioButton = (RadioButton)sender; radioButton.Foreground = Brushes.Black; // 恢复默认颜色 } ``` 在这个例子中，我们首先设置了默认的前景色（文字颜色），然后创建了一个`Trigger`来监听`IsMouseOver`属性变化。当鼠标悬停时，我们将前景色设为蓝色。同时，我们还绑定了一个`EventSetter`，当鼠标离开按钮（MouseLeave事件）时，会自动调用`RadioMouseLeaveHandler`方法恢复原始颜色。 别忘了替换`<ControlTemplate>`部分为您想要的实际RadioButton模板内容。如果你希望这个样式应用于整个项目的所有RadioButton，只需将其放在资源文件（ResourceDictionary）里即可。如果只想针对特定区域应用，可以在XAML文件内的局部资源中定义。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值