读书人

metro运用中页面渐入效果(透明度)

发布时间: 2012-12-16 12:02:32 作者: rapoo

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事件里面。



读书人网 >移动开发

热点推荐