【Win10】页面的导航效果

CommonNavigationTransitionInfo

ContinuumNavigationTransitionInfo

DrillInNavigationTransitionInfo

EntranceNavigationTransitionInfo

SlideNavigationTransitionInfo

SuppressNavigationTransitionInfo

时间: 2024-12-13 00:26:14

【Win10】页面的导航效果的相关文章

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

1 <Page.Transitions> 2 <TransitionCollection> 3 <NavigationThemeTransition> 4 <CommonNavigationTransitionInfo/> 5 </NavigationThemeTransition> 6 </TransitionCollection> 7 </Page.Transitions> 就是默认的翻页动画. 1 <Page.

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

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

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

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

效果体验: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的值不一样,并且,

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

jQuery和CSS3超酷3D页面切换导航菜单插件

这是一款效果非常酷的jQuery和CSS3 3D页面切换导航菜单特效插件.该导航菜单插件是汉堡包隐藏菜单,每个菜单项的图标使用SVG来制作,鼠标滑过图标时有动画效果,点击某一个菜单项后,页面会在3D空间进行切换,效果非常炫酷. 效果演示:http://www.htmleaf.com/Demo/201504111660.html 下载地址:http://www.htmleaf.com/jQuery/Menu-Navigation/201504111659.html