Xcode -> Basic, Experience, Tools

写在前面,这篇文章里写的是我读 * 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 的两种方式。

  1. Auto Layout
    比如一个 button 完成 Auto Layout 首先需要确认两件事,它的 position 和 size,知道它有这两个东西后,我们通过 Align 和 Pin 来约束它,如下图


    Paste_Image.png

2.Setting constraints between two objects

这个就好玩了,我拖动两个 button ,然后让其中一个在容器中居中,另外一个放在它的下面,Run ,我神奇的发现在 Storyboard 中它明明是放在上面的 button 的下面,但是运行后,却不是,原来 Auto Layout 还需要给不同的元素控件之间去设置一个约束,有了约束后,一切就都正常了!

Preview Tool

在 Xcode 里,不需要手动切换在设计的页面的尺寸,可以直接切到这个工具,查看设计的页面在不同尺寸下的适应情况,好方便。


Paste_Image.png

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 用熟悉,再研究它们。

最后

上面所说的一些工具,特性,都有很多细细研究的地方,每天做了哪些,我都要做像这样的记录,这样自己就不会忘,也就不会白看了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,271评论 4 61
  • 查干湖按东北话讲应该叫查干大泡子,不过也有个更好听的名字叫查干淖尔,意为白色圣洁的湖。 老头姓李,年轻时从走网,拉...
    沙滩红楼阅读 628评论 0 3
  • 写这篇文章的起因是下午开车锁的时候,发现骑了两个月的自行车横梁上居然有一个迷你二维码!我还扫进去看了看,是这个车子...
    闭眼唱歌阅读 849评论 2 2
  • 成熟的本质是独立,生活、经济独立无需依赖父母,同时思想独立,具备独立思考的能力,有明确的价值观,知道如何解决问题。...
    看见大王还不跪阅读 491评论 0 0
  • 明明我其实所有的事情都是听她的 然而她有一种神奇的能力,可以让别人都觉得这是我自己的主意 渐渐的,她也这么觉得 因...
    苏轸阅读 299评论 2 1