`

淡隐淡出

 
阅读更多

在MainWindow下NavigationWindow属性中添加   Navigating="NavigationWindow_Navigating"

 

        private bool _allowDirectNavigation = false;
        private NavigatingCancelEventArgs _navArgs = null;
        private void NavigationWindow_Navigating(object sender, NavigatingCancelEventArgs e) {
            if (Content != null && !_allowDirectNavigation) {
                e.Cancel = true;
                _navArgs = e;
                this.IsHitTestVisible = false;
                DoubleAnimation da = new DoubleAnimation(0.3d, new Duration(TimeSpan.FromMilliseconds(300)));
                da.Completed += FadeOutCompleted;
                this.BeginAnimation(OpacityProperty, da);
            }
            _allowDirectNavigation = false;
        }

        private void FadeOutCompleted(object sender, EventArgs e) {
            (sender as AnimationClock).Completed -= FadeOutCompleted;

            this.IsHitTestVisible = true;

            _allowDirectNavigation = true;
            switch (_navArgs.NavigationMode) {
                case NavigationMode.New:
                    if (_navArgs.Uri == null) {
                        NavigationService.Navigate(_navArgs.Content);
                    } else {
                        NavigationService.Navigate(_navArgs.Uri);
                    }
                    break;
                case NavigationMode.Back:
                    NavigationService.GoBack();
                    break;

                case NavigationMode.Forward:
                    NavigationService.GoForward();
                    break;
                case NavigationMode.Refresh:
                    NavigationService.Refresh();
                    break;
            }

            Dispatcher.BeginInvoke(DispatcherPriority.Loaded,
                (ThreadStart)delegate() {
                DoubleAnimation da = new DoubleAnimation(1.0d, new Duration(TimeSpan.FromMilliseconds(200)));
                this.BeginAnimation(OpacityProperty, da);
            });
        }

分享到:
评论

相关推荐

    jquery宽屏banner动画焦点图片和标题动画淡出淡进切换

    标题“jquery宽屏banner动画焦点图片和标题动画淡出淡进切换”涉及的是利用jQuery来创建一种常见的网页元素——宽屏Banner,并且实现焦点图片与标题之间的平滑淡入淡出切换效果。这种效果可以提升用户体验,吸引用户...

    js 实现 图形淡出淡隐

    js 实现 图形淡出淡隐! 值得下载看看!资源免费,大家分享!!

    Unity3D实现模型淡入淡出效果

    在Unity3D中,模型淡入淡出效果的实现涉及到几个关键点,包括材质渲染模式、颜色通道的调整以及动画系统的应用。以下是对这些知识点的详细说明: 1. **材质渲染模式**: - **Opaque**:不透明模式,这是Unity3D中...

    微信小程序实现元素渐入渐出动画效果封装方法

    微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。同时,它也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。...

    banner头部图片轮换

    一个首页的头部flash动画,实现文字与图片的淡隐淡出

    jquery tab选项卡插件滑动选项卡淡隐淡现选项卡

    本文将深入讲解jQuery Tab选项卡插件的实现原理、滑动效果和淡入淡出动画。 首先,jQuery是一种轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在创建选项卡功能时,jQuery提供了...

    jquery淡出淡进文字动画效果.zip

    本项目“jquery淡出淡进文字动画效果”利用jQuery的强大功能,创建了一个文字轮播动画,实现了文字的淡入淡出效果,为网页增添动态视觉吸引力。 首先,我们来看这个项目的本质——文字轮播。这是一种常见的网页元素...

    淡入淡出轮播图

    在淡入淡出轮播图中,我们可以使用`.fadeOut()`和`.fadeIn()`方法来分别实现图片的渐隐和渐现。这些方法接受一个时间参数,用于控制动画的持续时间。 4. **自动播放**:为了实现自动轮播,我们需要在JavaScript中...

    vue-router之实现导航切换过渡动画效果

    过渡动效 提供了transition的封装组件,添加过渡动画,通过添加或删除css类名来实现。...做一个淡隐淡出效果 把想要运动的元素放到<transition></transition>里面,设置模式。 <transition mode=out-in>

    jquery图片特效 slide banner焦点图片切换图片上下翻滚、图片左右翻滚、图片淡隐淡现3种图片滚动特效

    以下将详细讲解这3种图片滚动特效:图片上下翻滚、图片左右翻滚和图片淡隐淡现。 1. 图片上下翻滚效果: 这种效果通常是通过改变图片的位置或透明度来实现。使用jQuery,我们可以监听滚动事件,当用户触发滚动时,...

    jquery图片轮播插件仿支付宝2013版全屏图片幻灯片淡出淡进切换效果

    **jQuery图片轮播插件详解:仿支付宝2013版全屏幻灯片淡出淡进效果** 在网页设计中,图片轮播插件是一种常见的元素,它能够以动态方式展示多张图片,增强用户体验。本教程将深入探讨一个特别的jQuery插件,它模仿了...

    js幻灯片大图淡出淡现切换特效

    "js幻灯片大图淡出淡现切换特效"是一种广泛应用的技术,主要用于网站的Banner区域,展示一系列焦点图,通过平滑的淡入淡出动画实现图片的自动轮播。这种效果既简单又大方,能够使网站看起来更加专业和现代化。 首先...

    淡入淡出轮播图+无缝轮播图封装

    首先,淡入淡出轮播图是一种动画效果,当一张图片在展示一段时间后逐渐变淡,同时下一张图片逐渐显现,这种平滑的过渡增加了用户体验的连贯性。实现这种效果通常需要利用CSS3的`transition`属性来控制元素的透明度...

    js实现图片加载淡入淡出效果

    本文详细介绍了如何使用JavaScript实现图片加载的淡入淡出效果,以及通过图片的延迟加载来优化网页性能。以下是文章提及的技术要点和相关知识点: 1. **淡入淡出效果的原理** 淡入淡出效果通常是通过改变图片元素...

    球体的动态消隐课程设计

    动态消隐的基本思想是基于深度信息对场景中的物体进行排序,使得距离观察者更近的物体优先显示,而远离观察者的物体则逐渐淡出。对于球体来说,我们可以首先计算每个像素到观察者的距离,然后根据这个距离信息进行...

    渐隐效果的tabs导航(基于jquery技术)

    在tabs导航中,当用户点击新的tab时,当前显示的内容会逐渐变淡,同时新选中的tab内容逐渐显现,形成平滑过渡。 接下来,我们来分析tabs导航的实现步骤: 1. **HTML结构**:首先,需要设置HTML结构,包括tabs的...

    javascript网页特效108个

    javascript网页特效108个 http://bbs.esiyang.com收集的.... WINDOWS脚本技术大全 新浪Html在线编辑器 AJAX实现类GoogleSug效果 ◆图形淡出淡隐 ◆晃动的图形 ◆变换图形 ◆随机图形 ...

    《JavaScript实例、技巧与应用》配套光盘

    多变的背景、非常COOL的公布式、欢迎页面、加入收藏和设为首页、检测屏幕分辨率、科学...淡出淡隐、雪花背景、页面特效1、页面特效2、MP3Player、跟随文字、闪烁的跟随文字、跟随鼠标的彩色方格、跟随鼠标滚动文字...

    动易值班标签

    在描述中提到的“jquery tab选项卡插件滑动选项卡淡隐淡现选项卡”进一步明确了这个插件的核心特性,即它基于jQuery库,并且具备动态的滑动切换和淡入淡出的过渡效果。 jQuery是一个广泛使用的JavaScript库,它简化...

    Android自定义View绘图实现渐隐动画

    本篇将深入探讨如何使用自定义View来实现一个渐隐动画效果,特别是一种在用户画线时,线条随着绘制逐渐变淡直至消失的效果。 首先,我们要创建一个自定义的View类,这里命名为`DisappearingDoodleView`,继承自`...

Global site tag (gtag.js) - Google Analytics