美文网首页
你不知道的神奇移动(二)

你不知道的神奇移动(二)

作者: Jay_jiang | 来源:发表于2017-06-20 00:09 被阅读115次

上次我们讲了神奇移动的属性,这次来讲下构建的神奇移动。

表格、图表、文字、图形、图片和视频。

虽然所有的构建都能进行神奇移动,但每一类构建能进行的神奇移动却是不尽相同的。

神奇移动可以最大限度的改变构建的小大、位置、角度、不透明度、颜色、阴影和倒影。

比如下面的神奇移动,就更改了图形的小大、位置、角度、不透明度、颜色、阴影和倒影:

请注意,在有阴影和倒影这两个属性时候进行神奇移动,偶尔会出现不灵的情况,所以不太建议在有倒影或者阴影属性的时候进行神奇移动。

我们进行神奇移动的时候,有两种构建需要特别注意,一个是图表,另一个是表格,这两类构件请尽量不要使用神奇移动!

图表的神奇移动


只要图表的类型相同,就能实现神奇移动。但是只能进行位置、大小和配色的变化,不能进行透明度和角度的变换,如果相邻两页的图表只有一个有背景填充,那也是不能进行神奇移动的。但阴影可以。

表格神奇移动1.gif

但是有同学可能会问,如果我想强调一段增长数据,如下面这样的效果,该怎么做?

这样的效果一般是通过绘制图表来实现。

表格的神奇移动

只要保证行数和列数相同,就能实现神奇移动。但表格的神奇移动只能进行位置、大小和配色的变化,不能进行透明度和角度的变化。

图片和视频的神奇移动


在Keynote里,图片和视频与神奇移动相关属性几乎是相同的,神奇移动都能最大限度的改变其除了翻转以外的所有属性!
这里有个问题,我现在的keynote版本是6.6.1,在改变图片的曝光和饱和度之后,神奇移动失败了,但改变这个两个属性应该是能够进行神奇移动的,这里应该是个bug...大家可以测试一下。

成组的神奇移动


首先请大家记住一点:成组后的构建和成组前的构建,是两个完全不同的构建,即使两者看上去一模一样。如下图的两个构建,就是属于两个完全不同的构建,所以在神奇移动时,没有关联。

这个有什么用呢?
我们可以利用这个特性来控制神奇移动

比如,我们想在下面两页幻灯片之间进行神奇:

屏幕快照 2016-03-22 下午11.37.41.png

这两页有各有一个表格,而且行数和列数一样,但两个表格之间完全没有任何联系,所以我们想其他元素进行神奇移动,唯独表格不进行神奇移动。这时候,我们就可以把其中一个表格与一个完全透明的构建成组,这样就切断了两个表格之间的神奇移动。

下面的两个表格就没有实现神奇移动:

还可以利用这个特点来控制指定构建移动到指定位置。
这点我就不举例了,原理就是成组。

构建的顺序


神奇移动还得注意一点,就是构建的顺序。为了保证整个神奇移动变化的足够顺畅,需要注意两页的构建顺序也要一致

下图是前后两页构件顺序一致的神奇移动:

而下图呈现的是,前后两页构件顺序不一致的神奇移动:

我们可以明显看到有个第一个色块本来是在第二个色块的上方的,然后突然跳到了第二个色块的下方,这就是不自然的过渡,这样的情况一定要避免。

好了,这是这次要讲的所有内容,感谢阅读~
若有什么疑问,欢迎加我微信进行交流~

image.png

相关文章

  • 你不知道的神奇移动(二)

    上次我们讲了神奇移动的属性,这次来讲下构建的神奇移动。 表格、图表、文字、图形、图片和视频。 虽然所有的构建都能进...

  • 你不知道的神奇移动(一)

    最开始我被keynote吸引就是因为神奇移动,那种华丽的过渡效果太过惊艳和震撼。甚至因为这个,我入手了mac。 神...

  • 你不知道的神奇的力量

    你相信吸引力法则吗? 反正我是相信的,我相信一个人心里怎么想就会表现出什么样子,进而吸引到他内心所想的事物。 这句...

  • 诗词短句

    时间真的很神奇,你永远不知道它会如何改变你。

  • 转场动画第二弹

    iOS自定义转场详解02——实现Keynote中的神奇移动效果 关于自定义转场动画,我都告诉你。

  • 浅谈移动端开发

    一 移动平台主流都是哪些 ? 二 移动开发有哪些方式 ? 三 具体如何进行移动开发 ? 面向读者1 如果你是移动开...

  • 司法民工在哪里

    看了《神奇动物在哪里》吗?我看了。 然而,我看完了《神奇动物在哪里》,还是不知道去哪找这些神奇的动物。 但是,你看...

  • Stereolabs 给 Gear VR 带来位置跟踪

    说到移动 VR 头显,就想到 Gear VR ,它可以让你进入一个神奇的 360° 世界,但是你会受到只能在固定的...

  • 你所不知道的神奇网站

    01.全球网络攻击实时地图 地址:https://cybermap.kaspersky.com/cn 说明:通过该...

  • 无星的前端之旅(十六)——移动端调试技巧

    背景 常见的需求,开发移动端h5,在移动端浏览器或者移动端app上渲染。 前端不知道怎么在移动端调试,移动端不知道...

网友评论

      本文标题:你不知道的神奇移动(二)

      本文链接:https://www.haomeiwen.com/subject/bganqxtx.html