美文网首页iOS知识收录iOSUI
关于Storyboard你也许不知道的小秘密

关于Storyboard你也许不知道的小秘密

作者: Maru | 来源:发表于2016-01-01 15:48 被阅读1856次

(一)前言

最近放纵的过了头,笔记好久没有写了,然而LOL的段位并没有并没有因为多包宿而上升,真是个令人悲伤的故事。Xcode总有一些很少用到隐藏很深的小秘密,今天我们就来扒一扒Storyboard,让哥几个爽一爽。

(二)正文

1.Runtime Attribute

Runtime大法好呀!

我们都知道,Objc是一门动态语言,而这一切都要归功于强大的Runtime库。在日常的使用过程中,我们打交道最多的就是属性面板了(Attributes inspector),改背景颜色啊,改Lable内容啊等等。它非常的方便是没有错,但是它也有局限性。比如设置圆角,在属性面板中并没有这一选项。但是通过Runtime Attribute我们就可以完美的解决问题。当然啦,属性面板能够做的事情,它自然也是不在话下了。

只需要轻轻一点右下角的加号,然后就像代码中KVC的使用方法那样,填上KeyPath,填上Value,一切搞定!

Attributes inspector Storyboard的样式.png 运行后的样式

2.Global Tint

有的时候我们有这样的需求,在Storyboard中所有的Tint Color都设置为其他的颜色,而不是默认的蓝色。那么,我们如果每添加一个控件就在属性面板中设置这种办法实在是太Low了,好在Apple为我们考虑到了这一点,在Storyboard中的File inspector中的Global Tint为我们完美的解决了这一点。为该属性设置了颜色以后,该Storyboard中的所有控件的Tint Color都变成了你所设置的颜色,比如UIButton的字体颜色、UIProgress进度条的颜色等等,是不是方便了很多呢?

Gobal Tint.png 6E9F51DE-7C84-48EE-9C30-AF13EB6BD41B.png

3.Outlet Collections

Outlet是iOS“拖线”开发中最基础也是最常用的操作了,相信大家也已经用的非常熟练了。Outlet Collections从名字上面我们就可以知道,它是Outlet的一种集合。举个例子吧:有一个UI界面中有很多的UIButton,业务逻辑上他们属于同一块,然后你要在.m中获取他们的引用,原来的方法是一个一个的给他们拖线,命名,然后再拖线...但是有了Collection以后世界就不一样了。步骤如下:

点击鼠标右键,出现的那个黑色HUD.png 拖线设置集合名称.png

其他几个的控件也是相同操作拖线到该Collections。我们可以看到,得到的引用是一个该控件类的数组集合。也就是说,不同类型的组件不能通过Collections来集合获取。

屏幕快照 2016-01-01 下午2.30.21.png

OK啦,最后我们来测试一下获取那几个Button。

屏幕快照 2016-01-01 下午2.36.03.png

4.Storyboard Reference

在使用Storyboard开发中,最为人诟病的可能莫过于多人开发了,唐巧当年在一篇博文中将其称之为“灾难”(详情可见他的个人博客)。机智的苹果也看到了这个的问题,于是Storyboard Reference就出现了。它将一个原本庞大的Storyboard分发成多个子Storyboard,在父本中只能看到子体的引用。在多人开发的过程中,每个人修改自己的那个子体,那么就不会有那么多蛋疼的事情了。

选中你所要重构的控制器,然后选择Editor->Refactor to storyboard.png 设置新的Storyboard的名字.png 结果.png

当然啦,每个人的使用习惯不一样。你也可以选择先新建一个Storyboard,然后再Main.Storyboard中添加一个Storyboard Reference控件,然后在属性面板设置关联,就像下面那样。

7ADABE74-D7B5-4979-9655-556E009A2968.png

5.对齐相关

用过PS的人应该都知道辅助线的作业,当然万能的Xcode也是提供了辅助线的功能的。单击某个控件,按下shift+Command+-添加横向辅助线,shift+Command+|添加纵向辅助线,添加的位置都是左右/上下居中的。如果你想要删除辅助线,那么把它拖到最边边就可以啦!

屏幕快照 2016-01-01 下午3.35.42.png

有的时候我们需要快捷的知道某个控件上下左右的距离,那么我们只需要选择相应的控件,然后按下Option就可以啦,当你鼠标移动到其他的控件的时候,也会智能的显示出与该控件的位置距离参数。如下图:

距离标注.gif

(三)结语

Storyboard刚出生的时候,它确实有这样那样的缺陷,但是经过几年的发展,苹果不断的改进,它已经成为iOS快速开发不可或缺的重要工具。工程师的时间并不应该浪费在那些无聊乏味的代码上,在这一点上Storyboard一直未忘初心。

关于Storyboard的小技巧我相信还有很多,小伙伴们有什么新发现还记得多多分享哦!

最后的最后,祝大家2016年写出越来越精致的代码,我们Github上见!

相关文章

  • 关于Storyboard你也许不知道的小秘密

    (一)前言 最近放纵的过了头,笔记好久没有写了,然而LOL的段位并没有并没有因为多包宿而上升,真是个令人悲伤的故事...

  • 关于storyboard

    storyboard文件的认识 用来描述软件界面 默认情况下,程序一启动就会加载Main.storyboard 加...

  • 关于storyboard

    第一次用storyboard,就失误了!!我在viewdidload打印view的frame(程序运行在5s上) ...

  • 高贵紫、神秘紫的灵感设计

    高贵紫、神秘紫的灵感设计 Tips【紫色你也许不知道的小秘密】: 1.紫色是蓝色和红色的混合色,它比红色更为温婉,...

  • 无标题文章

    不知道你有没有看到 但是我写了很多 以为那是写小秘密的地方却才发现还可以查到附近 也许你看到过 所以这段时间有些许...

  • 经常喝酒的我,无意中发现了酒的一些小故事

    人总是有一些小秘密,天知地知,我知你不知,其实酒也有一些小秘密,喝酒的你,应该不知道这些小秘密。 1 酒 别名:晕...

  • 关于洗脸,你知道多少呢

    洗脸每天都要洗,但是关于洗脸的小秘密小技巧不知道你知不知道呢?你是否还是拿着湿毛巾往脸上胡乱搓洗一下就完事了呢。今...

  • 170|放下电话等一等

    不知道你是否有过这样的经历:突然接到一个电话,也许关于工作,也许关于生活,对方所说的触碰到了你的发怒神经,你忍不住...

  • IOS中关于Xib的使用

    ios中关于Xib使用 xib和Storyboard的区别xib是轻量级,用来描述局部UI界面Storyboard...

  • 猫奴必备的7个养猫绝技~拿起笔划重点喽!章

    关于猫咪,是不是总会觉得它们做的事情让你匪夷所思。其实它们有许多你不知道的小秘密,今天跟着小编一探究竟吧~ ①老爱...

网友评论

本文标题:关于Storyboard你也许不知道的小秘密

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