【WP8.1】页面的导航效果

1     <Page.Transitions>
2         <TransitionCollection>
3             <NavigationThemeTransition>
4                 <CommonNavigationTransitionInfo/>
5             </NavigationThemeTransition>
6         </TransitionCollection>
7     </Page.Transitions>

就是默认的翻页动画。

1     <Page.Transitions>
2         <TransitionCollection>
3             <NavigationThemeTransition>
4                 <ContinuumNavigationTransitionInfo/>
5             </NavigationThemeTransition>
6         </TransitionCollection>
7     </Page.Transitions>

进入此页时则有一种放大的效果，离开后退离开此页时则页面向下消失。

1     <Page.Transitions>
2         <TransitionCollection>
3             <NavigationThemeTransition>
4                 <SlideNavigationTransitionInfo/>
5             </NavigationThemeTransition>
6         </TransitionCollection>
7     </Page.Transitions>

导航到此页时，由下方进入，离开的时候，则从下方离开。

时间： 2024-10-07 13:46:42

【WP8.1】页面的导航效果的相关文章

【Win10】页面的导航效果

CommonNavigationTransitionInfo ContinuumNavigationTransitionInfo DrillInNavigationTransitionInfo EntranceNavigationTransitionInfo SlideNavigationTransitionInfo SuppressNavigationTransitionInfo

Android滑动页面导航效果: PagerSlidingTabStrip

把github上的PagerSlidingTabStrip稍作修改: tab的文字颜色选中变色(原版文字不变色) 栗子:http://download.csdn.net/detail/onlyonecoder/7722021 PagerSlidingTabStrip 自定义属性列表: pstsIndicatorColor Color of the sliding indicator pstsUnderlineColor Color of the full-width line on the bo

WP8.1 页面导航缓存问题

最近开始学习wp8.1开发,在页面的导航学习时发现了一点问题,即当使用Frame.Navigate()方法进行页面的跳转时,每次都会重新实例化一个页面.而在新的页面采用Frame.GoBack()或者GoForward()方法同样是新生成一个Page.无法缓存. 经过测试,发现是由于Page的NavigationCacheMode属性需要设置,将其NavigationCacheMode设置为Enabled(需要设置Frame的Cache值)或者Required,即可使得该页面可以缓存.

移动端页面侧边导航滑入效果

效果体验:http://hovertree.com/texiao/mobile/2.htm 可以使用移动设备浏览器查看效果.效果使用到jquery-2.1.4.min.js,该版本的jQuery库是用于支持HTML5的浏览器上,不再兼容IE8以前的浏览器,现在移动端浏览器一般都支持HTML5,所以使用该jQuery没问题. HTML文件代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"

Android中使用ViewPager实现屏幕页面切换和页面轮播效果

之前关于如何实现屏幕页面切换,写过一篇博文<Android中使用ViewFlipper实现屏幕切换>,相比ViewFlipper,ViewPager更适用复杂的视图切换,而且Viewpager有自己的adapter,这也让其适应复杂对象,实现数据的动态加载. ViewPager是谷歌官方给我们提供的一个兼容低版本安卓设备的软件包,里面包囊了只有在安卓3.0以上可以使用的api.而viewpager就是其中之一,利用它,我们可以做很多事情,从最简单的导航,到页面菜单等等. 下面我们就展示下Vie

页面定位导航滚动插件

今天做页面定位导航时踩到一坑,由于页面顶部有一个fixed的导航条,所以用直接用锚点效果不好.所以打算用js来实现,顺便还有滚动的效果.昨晚做的时候想的是直接把tag设定为固定的值,但是睡觉前在平板上查看网页的时候发现,响应式布局,放到平板上top值就变了.所以今天起床又开始鼓捣这只小虫. 使用了jquery,然后滚动函数中使用jq来设定值,本来打算找到id后用 offset().top 加减一个差值就可以定位到我想要的位置.但是,在不同浏览器中obj.offset().top的值不一样,并且,

Win10 UWP 开发系列：使用SplitView实现汉堡菜单及页面内导航

在Win10之前,WP平台的App主要有枢轴和全景两种导航模式,我个人更喜欢Pivot即枢轴模式,可以左右切换,非常方便.全景视图因为对设计要求比较高,自己总是做不出好的效果.对于一般的新闻阅读类App来说,Pivot更适合多个频道的展示,因为内容基本都是一样的. 到了Win10,微软模仿其他平台也推出了汉堡菜单,但并没有提供现成的控件,而是需要开发者通过一个名为SplitView的控件来实现.我个人并不觉得左上角的菜单有多么方便,汉堡菜单的使用必然会改变以前的导航模式,比如以前底部的AppBa

jQuery实现固定顶部定位滚动导航效果代码

jQuery实现固定顶部定位滚动导航效果代码,很常见的效果,非常实用:滚动滚动条时,导航固定顶部,并且滚动到对应的板块时,当前导航高亮显示:点击导航文字时平滑跳转到对应的板块. $(function(){ var subNav_active = $(".adv_active"); var subNav_scroll = function(target){ subNav_active.removeClass ("a

赞！超炫的页面切换动画效果【附源码下载】

在下面的示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果.虽然有些效果都非常简单,只是简单的滑动动作,但另外的一些则是利用了视角(Perspective)和 3D 转换(3D Transforms)来创造一些立体动感的效果. 立即下载在线演示温馨提示:为保证最佳的效果,请在 IE10+.Chrome.Firefox 和 Safari 等现代浏览器中浏览. CSS 动画根据它们的实现的效果分为不同的组.为展示页面过渡效果,我们使用以下结构: <div id=&qu