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

最新推荐文章于 2025-10-15 15:45:11 发布

最新推荐文章于 2025-10-15 15:45:11 发布 · 87 阅读

本文介绍了一种在Windows Phone应用中实现页面加载时渐显动画的方法。通过修改页面的透明度属性，使得页面在导航过程中平滑地从透明状态过渡到完全可见状态。这种方法可以在OnNavigateTo事件中实现，并且推荐使用LayoutAwarePage基类来更好地管理页面生命周期。

在自定义的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事件里面。