C#开发微信 二维码鼠标滑动 图像显示隐藏效果(推荐)_实用技巧

客户端微信在二维码状态下,鼠标滑过,会有一张手机的图片滑动滑出,从隐藏到显示,从显示到隐藏。

思路很简单:1、设置透明度;2、给个移动的位移

先看下做的效果

整体代码也不难,就是给Image控件设置动画效果。

<Grid x:Name="grid_content" Background="WhiteSmoke" Grid.Row="1">
<Grid.Triggers>
<EventTrigger RoutedEvent="Grid.MouseEnter">
<EventTrigger.Actions>
<BeginStoryboard HandoffBehavior="SnapshotAndReplace">
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" BeginTime="0" Duration="0:0:0.5" From="0" To="300" Storyboard.TargetName="img"/>
<DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" BeginTime="0:0:0.5" Duration="0:0:0.3" From="300" To="270" Storyboard.TargetName="img"/>
<DoubleAnimation Storyboard.TargetProperty="Opacity" BeginTime="0" Duration="0:0:0.5" From="0" To="1" Storyboard.TargetName="img"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="Grid.MouseLeave">
<EventTrigger.Actions>
<BeginStoryboard HandoffBehavior="SnapshotAndReplace">
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" BeginTime="0" Duration="0:0:0.5" From="270" To="0" Storyboard.TargetName="img"/>
<DoubleAnimation Storyboard.TargetProperty="Opacity" BeginTime="0" Duration="0:0:0.5" From="1" To="0" Storyboard.TargetName="img"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</Grid.Triggers>
</Grid>
<Image x:Name="img" Source="/Image/huadong.png" Visibility="Visible" Opacity="0" Grid.Row="0" Grid.RowSpan="2" IsHitTestVisible="False">
<Image.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform/>
<TranslateTransform/>
</TransformGroup>
</Image.RenderTransform>
</Image>

但是需要注意的一点就是,需要给Image控件设置一个属性IsHitTestVisible="False",MSDN上的解释是“如果此元素可以从至少一个点上作为命中测试结果返回,则为 true,否则为 false。默认值为 true。”

设置这个属性很重要,因为没有设置这个属性,我调动画调了一早上,也没实现想要的效果,给大家看看不设置IsHitTestVisible="False"的效果。

由于Image处于Grid的下方,所以当鼠标从左侧慢慢划入时是没有问题的,因为鼠标点击不到Image,但是如果鼠标滑动过快,接触到Image,则会不断的触发MouseEnter事件,从而出现不断的闪烁。

当设置了IsHitTestVisible="False"时,则Image不会被点击到,也就没有影响了。

以上所述是小编给大家介绍的C#开发微信 二维码鼠标滑动 图像显隐效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索图像二维码
c站、c语言、cf、ch、c罗,以便于您获取更多的相关知识。

时间: 2024-10-25 14:18:18

C#开发微信 二维码鼠标滑动 图像显示隐藏效果(推荐)_实用技巧的相关文章

PHP微信开发之二维码生成类

  这篇文章主要介绍了PHP微信开发之二维码生成类,本文使用微信接口实现二维码的生成,并直接给出示例代码,需要的朋友可以参考下 ? /** * Created by PhpStorm. * User: bin * Date: 15-1-16 * Time: 上午9:48 */ namespace HomeCommon; // 微信处理类 set_time_limit(30); class Weixin{ //构造方法 static $qrcode_url = "https://api.weixi

JS实现鼠标移上去显示图片或微信二维码_javascript技巧

废话不多说了,直接给大家贴代码了. <html> <head> <script type="text/javascript"> function showImg(){ document.getElementById("wxImg").style.display='block'; } function hideImg(){ document.getElementById("wxImg").style.displa

PHP微信开发之二维码生成类_php实例

<?php /** * Created by PhpStorm. * User: bin * Date: 15-1-16 * Time: 上午9:48 */ namespace Home\Common; // 微信处理类 set_time_limit(30); class Weixin{ //构造方法 static $qrcode_url = "https://api.weixin.qq.com/cgi-bin/qrcode/create?"; static $token_url

微信二维码 https链接-安卓微信二维码扫不开链接是怎么回事?

问题描述 安卓微信二维码扫不开链接是怎么回事? 如题,安卓80%不可以,扫一扫打开就是白屏,iPhone的没问题,其他的如QQ,UC自带二维码工具都能打开,链接地址是HTTPS的,有遇到类似问题的么,求指点,感谢 解决方案 我们在电脑上登陆https的网站时,有时会会弹出安全证书不受信任,要手动确认访问才行,安卓的浏览器碰到这种情况,会先看自己有没有权限去下载证书或者浏览不受信任的网站,如果这个浏览器在开发时没有考虑到这点(就是没有在配置里添加这个权限的请求),那么就默认不访问该网站.

企业微信二维码制作及营销方法分析

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 微信红包火了,越来越多的商家把目光投向微信平台.而微信最基本的营销主体是什么呢?微信除了支持语音.短信.视频.图片外,还开发了一种配合微信使用.添加好友的新方式,那就是二维码扫描.要想别人能轻松扫描到你,我们需要制作二维码.二维码很酷,接下来就教大家如何制作微信二维码以及微信营销的技巧分享给大家. 微信二维码特点 二维码的显著特点,体积小.容

如何用微信二维码登录自己的网站

一.当用户选择用微信二维码登录时,我们要在用户页面里生成一个guid做为客户端的唯一标识,然后带着这个guid请求二维码图片地址,得到地址后,显示给用户.请求到后台的时候要将此二维码的Key和客户端的guid关联到一起.注意这个key的生成方式,要保证多人同时用二维码登录而不冲突,比如用10000自增,隔断时间又重置到10000. 二.得到二维码后,马上发出长链接请求登录标识(即cookie),请求也要带客户端的guid.在写此文之前听一同事说Discuz!已实现了二维码登录,我更看一下,和我的

微信二维码的识别原理

问题描述 微信二维码的识别原理 安卓和IOS两个平台微信识别二维码的机制分别是什么?这两个平台解码的步骤是? 解决方案 二维码的原理 解决方案二: 扫到了固定格式二维码,ios就直接跳去store就好了,android直接启动下载就好了 解决方案三: 用xzing这个库,它支持各种平台.算法你就不用管了.

微信二维码扫描后跳转指定页面 如何获取扫描端用户的openid

问题描述 微信二维码扫描后跳转指定页面 如何获取扫描端用户的openid 如题如何,二维码生成用的是QrCode,里面放了一个地址.扫描后可以挑战到二维码中存储的那个地址. 请教一下.我跳转到我指定的请求地址的时候如何获取扫描用户的openid 解决方案 http://blog.csdn.net/fuyifang/article/details/40707517 解决方案二: 什么类型的微信号?认证过的服务号可以用通过网页授权获取,其他类型的实现就比较麻烦了 认证过的看这个:http://mp.

基于安卓开发的二维码的扫描和识别

问题描述 基于安卓开发的二维码的扫描和识别 可以生成二维码,但是不能扫描二维码,点击扫描二维码出现功能闪退,怎么解决? 04-30 21:40:33.752: E/AndroidRuntime(12998): at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:812) 解决方案 参考:http://www.javaapk.com/source/11512.htmlhttp://www.cn