写在前面,这篇文章里写的是我读 * Build a Swift App * 一书的想法、笔记。每天都要看这本书,每天都要写一些这样的内容,供自己回顾,毕竟好记性不如烂笔头。
Quick Prototyping
While Xcode allows to do really powerful stuff, it can also do simple prototypes. And without writing a single line of code.”
Transitions
iOS 提供了 6 类转场动画
1.Cover Vertical
2.Flip Horizontal
3.Cross Dissolve
4.Partial Curl
5.None
6.Push
这些是最基础的转场动画。
Designing in Storyboard
Xcode 中的 Storyboard 就好像 Sketch 中的 Artboards 一样,可以直接在 Storyboard 中拖拉控件来设计 APP原型。小白表示这货好强大,如果做一个很简单的 APP,是不是可以直接设计一些图片,然后在 Storyboard 中做好布局,放好相应的 Assets,就直接出炉呢,毕竟有 Auto Layout 那么方便的布局,直接可以完成各种 Adaptive Layouts,往后再看看我想的能不能实现吧!
Adaptive Layouts
顾名思义,自适应布局呗,* Build a Swift App * 书中介绍了 Adaptive 的两种方式。
-
Auto Layout
比如一个 button 完成 Auto Layout 首先需要确认两件事,它的 position 和 size,知道它有这两个东西后,我们通过 Align 和 Pin 来约束它,如下图
2.Setting constraints between two objects
这个就好玩了,我拖动两个 button ,然后让其中一个在容器中居中,另外一个放在它的下面,Run ,我神奇的发现在 Storyboard 中它明明是放在上面的 button 的下面,但是运行后,却不是,原来 Auto Layout 还需要给不同的元素控件之间去设置一个约束,有了约束后,一切就都正常了!
Preview Tool
在 Xcode 里,不需要手动切换在设计的页面的尺寸,可以直接切到这个工具,查看设计的页面在不同尺寸下的适应情况,好方便。
Size Classes
这个东西用来切换尺寸,页面多的话,对于强迫症来说,那些页面之间的线条一乱,整个人都方了起来。
Working with Color & Vector Assets
以前我需要某个颜色的时候会在调色盘里搞来搞去,很是头疼,书里介绍了三种颜色方案
- HEX Color Picker
- Sip Color
HEX Color Picker 配合在线的网站 color-picker 来用很不错
Sip Color 的话,不买 Pro 基本没啥意思。。。所以我还是选择第一种,第三种去哪了,第三种跟 HEX Color Picker 没啥大区别,不谈了,有第一种就够了。
然后 Xcode 工程文件中放矢量文件,这样 Storyboard 中才不会显得图片难看变形失焦以及等等等等。
Animation Without Code & Animation In Code
这都是后话了,但我知道不用代码实现动画的话,可以用 Meng To 开源的动画库(是这么称呼的没错吧?) Spring 。
代码的话先不着急,先把 Xcode 用熟悉,再研究它们。
最后
上面所说的一些工具,特性,都有很多细细研究的地方,每天做了哪些,我都要做像这样的记录,这样自己就不会忘,也就不会白看了。