windows8开发-metro应用中页面渐入效果(透明度)

在自定义的Page或者基类LayoutAwarePage(如果继承了这个类的话)的OnNavigateTo事件中,可以定义这么一个动画效果:

修改页面的透明度,从透明渐变为不透明。

建议尽量使用基于LayoutAwarePage(基本页)的页面Page,因为许多导航的功能以及页面生命周期的管理都已经封装得比较完善了。在页面的跳转过程中,利用其提供的LoadState()和SaveState()可以做页面参数的传递以及缓存。

说偏了,下面是一个比较简单的动画效果:

        /// <summary>
        /// 创建进入视图时的渐变动画
        /// </summary>
        private void ShowNavigationStoryBoard()
        {
            Storyboard story = new Storyboard();
            DoubleAnimation animation;

            animation = new DoubleAnimation();
            animation.From = 0.3;
            animation.To = 1;
            animation.Duration = new Duration(TimeSpan.FromMilliseconds(300));
            Storyboard.SetTarget(animation, this);
            Storyboard.SetTargetProperty(animation, new PropertyPath("(UIElement.Opacity)").Path);
            story.Children.Add(animation);

            story.Begin();
        }

其中,ShowNavigationStoryBoard()这个方法我写到了OnNavigateTo事件里面。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值