分类 大前端 下的文章

ExtJS 反序列化 Microsoft Ajax 日期格式的代码

ExtJS 反序列化 Microsoft Ajax 日期格式的代码, 从 MsAjax 中找到的,绝对可靠 :

1. Ext.util.JSON._dateRegExp = new RegExp('(^|[^\\\\])\\"\\\\/Date\\((-?[0-9]+)(?:[a-zA-Z]|(?:\\+|-)[0-9]{4})?\\)\\\\/\\"', 'g');
2. Ext.util.JSON.decodeMsJson = function(json) {
3.  if (json.indexOf('/Date') >= 0) {
4.  json = json.replace(Ext.util.JSON._dateRegExp, '$1new Date($2)');
5.  }
6.  return Ext.util.JSON.decode(json);
7. };

Aproly浅析网页设计的原则

<div>
<p>网页作为传播信息的一种载体,同其他出版物如报纸、杂志 等在设计上有许多共同之处,也要遵循一些设计的基本原则。但 是,由于表现形式、运行方式和社会功能的不同,网页设计又有其自身的特殊规律。网页设计,是技术与艺术的结合,内容与形式的统一。它要求设计者必须掌握以 下三个主要原则:</p>


- 阅读剩余部分 -

20 个令人惊叹的 CSS3 文本效果

<div id="OSChina_News_18140"><p>本站之前已经介绍了很多关于图标、jQuery特效等文章,对于web设计师,文本也同样是不可忽视的因素。</p><p>一直以来都是Photoshop来编辑一些漂亮的样式,并插入文本。同样CSS3也可以帮你搞定,甚至效果会更好。</p><p>本文介绍了20多个令人惊叹的CSS3文本效果,包含教程。你可以直接用在你的web设计中,或许能激发出更多的灵感。</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><h4>Glass Text Effect (refractive index) with CSS3</h4><p></p><h4>Fun With CSS Text-Shadow</h4><p></p><h4>Create a Cool Anaglyphic Text Effect with CSS</h4><p></p><h4>Create Beautiful CSS3 Typography</h4><p></p><h4>The Neon Lights Text Effect</h4><p></p><h4>Tilt-Shift Effect on Text using CSS3</h4><p></p><h4>Flashlight</h4><p></p><h4>Create a Vibrant Digital Poster Design with CSS3</h4><p></p><h4>CSS 3 Transform Experiment</h4><p></p><h4>CSS3 Background-Clip & @Font-Face</h4><p></p><h4>CSS3 Trans­forms & @font-face Experiment</h4><p></p><h4>CSS3 Poo Fly</h4><p></p><h4>Free Overlapped CSS Menu Using CSS Sprites</h4><p></p><h4>iPhone “slide to unlock” Text in WebKit/CSS3</h4><p></p><h4>Shadows and CSS3</h4><p></p><h4>Create a Letterpress Effect with CSS Text-Shadow</h4><p></p><h4>Text Embossing Technique With CSS</h4><p></p><h4>CSS textured text</h4><p></p><h4>CSS3 Text Masking Effect</h4><p></p><h4>CSS Gradient Text Effect</h4><p></p><h4>LETTERING.JS</h4><p></p><h4>Neon Text Effect With jQuery & CSS</h4><p></p><h4>Text with Moving Backgrounds</h4><p></p><h4>CSS Poster: Three Laws of Robotics</h4><p></p><div>
原文: http://designmodo.com/css3-text-effect-tutorials/#ixzz1MuTO8VH8</div></div>

- 阅读剩余部分 -

css用一张背景图background-position定位

<p>不知道您在浏览yahoo.com的网页中是否注意到,yahoo在页面制作上的技术和大多数网站不一样,他们把页面上的 ICON,栏目背景啊,图片按钮啊等都有会有规则的合并一张背景图,然后用background-position来实现背景图片的定位,他们为什么要花费一些时间来合并这些CSS背景图片呢,CSS中用一张背景图做页面的技术到底有什么优势呢?</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>当您往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。CSS Sprites(图片整合技术) 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。如下图所示:</p><p>美国YAHOO在页面制作中所用到的图片整合技术,这样做虽然需要花一定的时间来有规则的合并这些ICON,栏目背景,图片按钮,以方便CSS调用,但是这样做绝对是合算的,而且是有必要的,YSlow也是极力推荐的。</p><p> <wbr /></p><p>实现方法:</p><ul> <li>首先将小图片整合到一张大的图片上</li> <li>然后根据具体图标在大图上的位置,给背景定位。background-position:-8px -95px;</li></ul><p>浅谈CSS Sprites技术以及图片优化 〔背景图整合〕</p><p>  关于CSS Sprites技术的优化我们能做到多少,能减多少的请求数量。这并且不是单方面能做到的,一切取决于XHTML、CSS、CSS Sprites图片之间的配合。现时为止没有绝对优化的做法,这也是我在项目中经常衡量CSS Sprites图片与XHTML关系,如:《一张背景实现自适应九宫格》,以下总结了图片切割术与图象优化的一些方法。

图片优化

  一、对于非动画的GIF更建议使用PNG8因为它同样能做到一样的效果,而且能为你节省10%-30%的文件体积。
  二、Photoshop相比起Fireworks,导出同等质量的PNG图片,体积会稍大。而Fireworks虽然做了相应压缩优化,但没有达到最优秀的压缩。
  三、我所知的设计软件,对于PNG图片的处理都没做到最优秀的压缩,图片体积还有一定的压缩空间。可以尝试使用下面介绍的”图像优化工具” 做无失真的压缩优化。
  四、图片体积及尺寸方面,建议体积保持在100K以内(较为符合国情最佳请求SIZE),size为800px(最佳尺寸)。(从某权威人事中得知,具体无从考证)

CSS Sprites图片切割术

  一、CSS Sprites图片顺序合图片由上至下、左至右添加。而background-position一般采用数字组合形式定位,这样能减少维护带来的不必要麻烦。
  二、不建议CSS Sprites图片中保持一定的间距,因为文件size增大而增加文件体积。
  三、CSS Sprites图片中把颜色较近或相同的组合在一起可以降低颜色数,因为少色数的图片文件体积会相对的小。
  四、size相同的CSS Sprites图片中留有较大空隙,某程度上多数情况会增大了体积,所以CSS Sprites的图片不要有空隙。
  五、在size相同的CSS Sprites图片中,垂直排列的图片会比水平排列的文件体积要大。
  六、在CSS Sprites图片中,水平排列的图片会比垂直排列的文件体积要大。
  七、图片对等合并:应用CSS Sprites图片时,适当地把对等相同的图像合并,以节省空间及减少体积。
  八、区分开不需要合并的图像:如当前用户确定只显示一种状态或一个级别时,不必要把其他的级别或状态的图片合并。
  九、黄金切割位:在CSS Sprites图片的最右或左边为最灵活动位置最适宜摆放文本前的icon,因此不会受到其它CSS Sprites图片干预,也不需要预留一定的行宽。

相关的图像优化工具
  网上流传的优化工具繁多常见的如:
  ImageMagick、PNGGauntlet、pngcrush、pngrewrite、Optipng、PNGOut等。</p>

- 阅读剩余部分 -

on事件大全

<p>一般事件 事件 浏览器支持 描述</p><p>onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击</p><p>onDblClick IE4|N4|O 鼠标双击事件</p><p>onMouseDown IE4|N4|O 鼠标上的按钮被按下了</p><p>onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件</p><p>onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件</p><p>onMouseMove IE4|N4|O 鼠标移动时触发的事件</p><p>onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件</p><p>onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]</p><p>onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]</p><p>onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p> </p><p>页面相关事件 事件 浏览器支持 描述</p><p>onAbort IE4|N3|O 图片在下载时被用户中断</p><p>onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件</p><p>onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误</p><p>onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成</p><p>onMove IE|N4|O 浏览器的窗口被移动时触发的事件</p><p>onResize IE4|N4|O 当浏览器的窗口大小被改变时触发的事件</p><p>onScroll IE4|N|O 浏览器的滚动条位置发生变化时触发的事件</p><p>onStop IE5|N|O 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断</p><p>onUnload IE3|N2|O3 当前页面将被改变时触发的事件</p><p> </p><p>表单相关事件 事件 浏览器支持 描述</p><p>onBlur IE3|N2|O3 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]</p><p>onChange IE3|N2|O3 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]</p><p>onFocus IE3|N2|O3 当某个元素获得焦点时触发的事件</p><p>onReset IE4|N3|O3 当表单中RESET的属性被激发时触发的事件</p><p>onSubmit IE3|N2|O3 一个表单被递交时触发的事件</p><p> </p><p>滚动字幕事件 事件 浏览器支持 描述</p><p>onBounce IE4|N|O 在Marquee内的内容移动至Marquee显示范围之外时触发的事件</p><p>onFinish IE4|N|O 当Marquee元素完成需要显示的内容后触发的事件</p><p>onStart IE4|N|O 当Marquee元素开始显示内容时触发的事件</p><p> </p><p>编辑事件 事件 浏览器支持 描述</p><p>onBeforeCopy IE5|N|O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件</p><p>onBeforeCut IE5|N|O 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件</p><p>onBeforeEditFocus IE5|N|O 当前元素将要进入编辑状态</p><p>onBeforePaste IE5|N|O 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件</p><p>onBeforeUpdate IE5|N|O 当浏览者粘贴系统剪贴板中的内容时通知目标对象</p><p>onContextMenu IE5|N|O 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]</p><p>onCopy IE5|N|O 当页面当前的被选择内容被复制后触发的事件</p><p>onCut IE5|N|O 当页面当前的被选择内容被剪切时触发的事件</p><p>onDrag IE5|N|O 当某个对象被拖动时触发的事件 [活动事件]</p><p>onDragDrop IE|N4|O 一个外部对象被鼠标拖进当前窗口或者帧</p><p>onDragEnd IE5|N|O 当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了</p><p>onDragEnter IE5|N|O 当对象被鼠标拖动的对象进入其容器范围内时触发的事件</p><p>onDragLeave IE5|N|O 当对象被鼠标拖动的对象离开其容器范围内时触发的事件</p><p>onDragOver IE5|N|O 当某被拖动的对象在另一对象容器范围内拖动时触发的事件</p><p>onDragStart IE4|N|O 当某对象将被拖动时触发的事件</p><p>onDrop IE5|N|O 在一个拖动过程中,释放鼠标键时触发的事件</p><p>onLoseCapture IE5|N|O 当元素失去鼠标移动所形成的选择焦点时触发的事件</p><p>onPaste IE5|N|O 当内容被粘贴时触发的事件</p><p>onSelect IE4|N|O 当文本内容被选择时的事件</p><p>onSelectStart IE4|N|O 当文本内容选择将开始发生时触发的事件</p><p> </p><p>数据绑定 事件 浏览器支持 描述</p><p>onAfterUpdate IE4|N|O 当数据完成由数据源到对象的传送时触发的事件</p><p>onCellChange IE5|N|O 当数据来源发生变化时</p><p>onDataAvailable IE4|N|O 当数据接收完成时触发事件</p><p>onDatasetChanged IE4|N|O 数据在数据源发生变化时触发的事件</p><p>onDatasetComplete IE4|N|O 当来子数据源的全部有效数据读取完毕时触发的事件</p><p>onErrorUpdate IE4|N|O 当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件</p><p>onRowEnter IE5|N|O 当前数据源的数据发生变化并且有新的有效数据时触发的事件</p><p>onRowExit IE5|N|O 当前数据源的数据将要发生变化时触发的事件</p><p>onRowsDelete IE5|N|O 当前数据记录将被删除时触发的事件</p><p>onRowsInserted IE5|N|O 当前数据源将要插入新数据记录时触发的事件</p><p> </p><p>数据绑定 事件 浏览器支持 描述</p><p>onAfterPrint IE5|N|O 当文档被打印后触发的事件</p><p>onBeforePrint IE5|N|O 当文档即将打印时触发的事件</p><p>onFilterChange IE4|N|O 当某个对象的滤镜效果发生变化时触发的事件</p><p>onHelp IE4|N|O 当浏览者按下F1或者浏览器的帮助选择时触发的事件</p><p>onPropertyChange IE5|N|O 当对象的属性之一发生变化时触发的事件</p><p>onReadyStateChange IE4|N|O 当对象的初始化属性值发生变化时触发的事件</p>

- 阅读剩余部分 -

“类扁平化设计”时代到来了

<div><p>“类扁平化设计”时代到来了</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>Gary Terran/文</p><p>饱受争议的iOS 7正式版发布数日,但用户对其扁平化的设计风格仍然褒贬不一。</p><p>关于苹果的这次大胆的尝试,业界一直对于“拟物化设计”和“扁平化设计”的评论众说纷纭,褒贬不一,有些则比较偏颇;所谓偏颇,也就是片面表达某种风格一定比某种风格更好,以及好在哪里。</p><p>我 先阐述几个概念,方便大家了解一下苹果为什么这么做?我们为什么这么做!而笔者认为二者并无非阴即阳,非黑即白,非瘦即胖的对立关系,因为设计并无好坏之 分,存在即合理。拖离开产品以及用户,那些谁对谁错的判断都是显得毫无底气。况且苹果根本就没有否定并且取消“拟物化设计”,而且之前老乔时代,iOS界 面里同样有扁平化的影子。</p><p>何为“拟物化设计”?</p><p>拟物化设计的概念就不再这里阐述了,简单的理解就是“模拟现实对象”。按照苹果的说法,应用程序的外观看起来与现实生活中的对应物越接近,使用起来就越简单,相应的也有利于改善应用程序的用户体验。</p><p>而 笔者要说的是,人类最早的语言“象形文字”便是拟物化,人类几乎所有的文字一开始都是象形文字,用拟物的方式来描绘现实世界中的东西,学习成本低,易记。 老乔对界面设计的一个理想是,任何年龄的人,任何经历的人,都可以在拿到设备后的几分钟内轻松的掌握它的用法。于是Apple通过利用人们的日常经验,做 出拟物化的界面,从而降低用户的学习成本以及理解难度。</p><p>想像一下,当你应用中的可视化 对象和操作按照现实世界中的对象与操作仿造,用户就能快速领会如何使用它。模拟实物的视觉设计和交互体验,让用户完全不用去抽象的理解就可以直观的认知和 使用。当你到三里屯的Apple Store里面,你会发现很多的小孩,儿童,老人在操作iPhone、iPad的时候,根本不需要别人去教,自己玩几分钟即可以流畅的使用他们。</p><p>苹果之所以形成了如今的界面风格,是因为老乔对低学习成本的极大的重视,因而才会在界面中大量使用隐喻和模仿;而如今的扁平化设计也没有从本质上脱离这个根本的轨道。</p><p>何为“扁平化设计”?</p><p>扁平化设计(Flat design)完全属于二次元,这个概念最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。</p><p>扁平化设计其实是一门古老的UI设计,早在windows 95时代开始,我们在PC上看到的BIOS设置界面就是非常典型的扁平化设计,他当时不美观,但是并不难学,而且扁平化界面很是清晰明了!</p><p>“扁 平化设计”有着鲜明的视觉效果,整个界面的配色平均会采用到6-8种颜色(这个对于开发团队的挑战极大),页面效果更加绚丽、明亮。它所使用的元素之间有 着清晰的层次和布局,这使得用户能直观的了解每个元素的作用以及交互方式。在需要展现强大信息流的界面内,它让用户最大程度地减少学习使用成本。仅仅凭借 用户的直觉就大概能够明白每个对象、按钮的作用。</p><div><div>转播到腾讯微博</div>“类扁平化设计”时代到来了</div><p>微软在Win8 metro界面中,使用了完全的扁平化设计;在苹果产品及iOS系统中,看到了部分扁平化设计影子,在Google中,我们也同样看到了准扁平化设计模式。</p><p>苹果这一次彻底否定了什么?</p><p>笔 者抛出“类扁平化设计”概念,就是因为从逻辑上讲,苹果并未抛弃“拟物化设计”,同样也并未完全追求所谓的“扁平化设计”,而是拟物化的扁平化设计这种兼 容并包的尝试。苹果这次彻底抛弃了“浮雕化设计”。所以,苹果的这种“类扁平化设计”的逻辑出发点是“ 为触摸优化”。</p><p>何为浮雕化设计?</p><p>鼠 标时代的开始,“富有智慧”的“浮雕化设计”作为新生事物便开始跃跃欲试,记得从Mac OS 6和Windows 3.1开始,PC的界面开始大胆使用浮雕效果。——鼠标的光标点击动作在屏幕上得到确认,设计者使用了“浮雕效果”让按钮能够清晰地展现“选中、按下、弹 起“状态,整个鼠标主导下的GUI的风格都是以此为出发点,并且沿用至今。</p><p>记得08年底,我刚刚筹划博看文思的那个时候,连我自己都没有相信,移动互联网仅仅用了4、5年的时间几乎把互联网10多年发展的内容全部做了一遍,而且移动智能终端的SoLoMO的特性又开始把互联网做不到的内容和服务又做了一遍。</p><p>鼠标的兴起成就了“浮雕化设计”的辉煌。现在,千元智能手机也都已经成为了各家手机厂商喊杀价格战的“红海”,苹果这次大胆的取消了浮雕效果,基本就是触摸操控兴起和鼠标没落的结果,因为摸操控的时代已经开始了。</p><p>类扁平化设计时代到来</p><p>“类扁平化设计”并未彻底抛弃拟物化的优势,但是,从另一个维度,它在 “扁平化设计”方面进行了大胆的尝试:如取消了浮雕效果。</p><p>在触摸的时代,浮雕效果的必要性大大减弱了,它变成了一种偏重装饰性的多余的设计。</p><p>“类扁平化设计”成为一种必然的趋势,并不是单纯的因为审美疲劳导致的为了变化而变化:</p><p>1、“类扁平化设计”具备非常好的兼容性,而单纯的拟物化设计既繁琐又费时。现在是一个多屏的时代,不同尺寸和分辨率的的智能终端,PC显示器、智能电视、以及所谓的智能手表等等,你会发现,类扁平化设计都能很好的适配到不同的终端上。</p><p>2、“类扁平化设计“具备优秀的组织和展现信息的能力。现在是一个信息纷杂的时代,扁平化设计可以把纷繁复杂的内容和功能有效的组织起来,以简单但合理的方式排列,使得最终的用户界面变得如此的简单易用。</p><p>3、“类扁平化设计”更适合屏幕较小的智能终端,它有更少的按钮和选项,使整个界面干净整洁、条理清晰,让用户减少认知障碍,降低用户的学习成本。</p><p>没有任何公司能够把所有的生意都做完,也没有任何的商人能够把全世界所有的钱都能赚完。同样,也没有任何的设计风格能够包打天下。但是笔者认为,泛滥的数据、纷杂交叉的信息流、PC时代网页当在前多屏时代就要凭借 “类扁平化设计”呈现给用户。</p><p>“类扁平化设计”才刚刚开始。</p></div>

- 阅读剩余部分 -

iOS7人机交互指南之UI设计基础

<div><p>本文是翻译自苹果最新《iOS人机交互指南》,不管你是重新设计现在的应用,还是开发一个新应用,请先考虑一下像Apple那样重新设计内置应用的方式。</p><p>iOS7表现了以下几个主题:</p><ul> <li>Deference:UI是用来帮助用户理解app,与内容之间进行交互,但UI和内容之间并不冲突。</li> <li>Clarity:各种尺寸的文字均非常易读,icon精确清楚,装饰物巧妙合适,以功能驱动设计。</li> <li>Depth:视觉富有层次,通过视觉的层次感和动画来展现生命力,让用户感到愉悦。 <div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div> </li></ul><p>不管你是重新设计现在的应用,还是开发一个新应用,请先考虑一下像Apple那样重新设计内置应用的方式。</p><p>iOS 7的天气应用 iOS 6的天气应用</p><p>" height=</p><p>首先,精简UI以突出app的核心功能,然后重申UI和功能之间的相关性。然后,使用iOS7的主题来定义UI和进行用户体验设计。</p><p>自始至终都要时刻为挑战惯例,质疑假定做准备,重点以内容和功能驱动每个设计。</p><p>尊重内容</p><p>尽管清新美观的UI和流畅的动画都是iOS 7体验的亮点,但用户内容始终是核心。下面几个办法可以确保你的设计可以改善功能,尊重用户的内容。</p><p>利用整块屏幕</p><p>重新考虑使用insets 和可视的框架。同时,我们可以考虑让内容延伸至屏幕的边缘。系统天气应用是这个方法的绝佳范例:用漂亮的全屏展示现在的天气,直观地向用户传递了最重要的信息。同时也有空间展示每小时的天气数据。</p><p>" height=</p><p>重新考虑物理和现实的视觉指示。比如边框、渐变以及阴影有时会加重UI的视觉效果,从而让外在形式掩盖了内容。相反,我们需要关注内容,让UI作为辅助角色出现。</p><p>" height=</p><p>半透明的UI元素可以展示背景后边的内容,半透明的设计可以帮助用户了解到更多的内容。</p><p>" height=</p><p>指示要清晰</p><p>明晰的展示是确保内容至上的另一方法。以下是一些可以让最重要的内容和功能清晰可见、易于交互的方法。</p><p>大量使用留白</p><p>白色区域可以让重要的内容和功能更明显。同时空白可以向用户传递宁静和安宁的感觉,让app显得更专注,更有效率。</p><p>" height=</p><p>
 </p><p>让颜色简化UI。</p><p>一个关键色,例如图中Note中的黄色,强调了重要的状态,同时巧妙的展示了交互性,同时还让app有了一致的视觉主题。</p><p>" height=</p><p>用系统字体确保文本的易读性。iOS 7系统字体会自动调整文字的间距和行高,这样文本会容易阅读,用户选择的字体尺寸看上去也很棒。</p><p>" height=</p><p>使用无边界线的按钮</p><p>不再依靠边框来表现可交互性,取而代之使用有艺术感的按钮标题或者系统颜色来向用户表示这些元素是可交互的。通讯录的界面使用了系统的蓝色来给用户显示交互信息。</p><p>" height=</p><p>使用深度层次来进行交流</p><p>iOS 7使用清晰,可以传递层次和位置的分层来展示内容,这样可以帮助用户理解屏幕上物体之间的关系。使用一个半透明的背景,看上去像是漂浮在Home屏上,这样文件夹就能清楚地把内容和屏幕上的其他内容分隔开来。</p><p>" height=</p><p>用户在使用Reminders中的内容时,其他内容会以层次的形式展示在屏幕。如果用户需要看到所有的项目,用户可以展开相关的图层。</p><p>" height=</p><p>在用户浏览年、月、日的时候,日历通过增强的转场效果给用户一种深度感。这里是一个滚动的year view ,用户可以清楚明了地看清当天的日期,或是进行其他日历任务操作。</p><p>" height=</p><p>当用户选择了一个月份,year view 界面就会缩小远离,而month view就会显示出来。</p><p>" height=</p><p>在用户选择日期的时候,month view也会出现上述转场动画。</p><p>" height=</p></div>

- 阅读剩余部分 -

随机文章

最近回复

分类

其它

友情连接

推广链接