XIB、Storyboard操作小技巧
2016-05-07 11:39
225 查看
本文转载自:XIB、Storyboard操作小技巧
摘要 一些可以在IB中快速操作的小技巧
目录[-]
SB push Tab时隐藏Tab
设置圆角
SB中单独的View
可视化坐标距离
将多个view视图合并到一个视图层级
为视图添加辅助线
本文收集了其他优秀博主,论坛上的相关技巧,及自己总结出的一些tips,小白级tip,大神们请轻喷,或给出建议分享,谢谢!
相信有很多人和我一样,开始使用
苹果是希望我们使用
所以要使用
解决方式
storyboard:在你想要push的viewController的通用设置中将 Hide Bottom Bar On Push 一项勾选上既可
代码:
PS:上图中
大家都爱圆角,button,弹出视图等, 不加圆角怎么看怎么像
选中view,选中右边工作栏的class选项,在
很多人以为storyboard将单独的view去除了,以至于在VC中希望添加单独的view时,总是要去建立单独的xib,或是代码书写。
其实在SB的VC中添加View视图,布局完成后,将其拖动到
IB最烦人的问题就是对齐。用代码的时候我们可以明确地指定x,y坐标,但是换到IB的时候我们更多的时候是靠拖拽UIView来布局。比如需要三个间隔相同的label,除了用强大的肉眼来估测距离是否相等以外,难道只能乖乖分别选中三个label,记下它们的坐标然后打开计算器来做加减法么?
显然不要那么笨,试试看选中一个label,然后按住option键并将鼠标移动到其他label上试试?你可以发现view之间的距离都以很容易理解的方式显示出来了。不仅是同层次的view,被选中view与其他层次的view之间的距离关系也可以同样显示。
选择之后效果与下文添加辅助线示例图类似
有时候添加了多个控件,而且千辛万苦终于调整好了对齐,间距
发现要将这些控件放在一个父类视图中方便操作,最直观地,拖动一个
显然不用,选中这些控件,选择菜单栏上
最终控件还是按照原来样式排练在一个view上
同样,要将其从父类view上移到另一个视图,选择上图中
搞设计的一般都知道辅助线是多么重要,我们在为视图布局时也可以为视图添加辅助线,方便我们布局时更加准确
摘要 一些可以在IB中快速操作的小技巧
目录[-]
SB push Tab时隐藏Tab
设置圆角
SB中单独的View
可视化坐标距离
将多个view视图合并到一个视图层级
为视图添加辅助线
本文收集了其他优秀博主,论坛上的相关技巧,及自己总结出的一些tips,小白级tip,大神们请轻喷,或给出建议分享,谢谢!
SB push Tab时隐藏Tab
相信有很多人和我一样,开始使用 tabBar时苦恼过在
tabBar内置的
viewControllers里添加
navigationController的问题
苹果是希望我们使用
tabBar时是作为根视图的,当然如果你固执地将其作为 navigationController 的
rootViewController也是可以运行成功并达到自己的目的的,但是像不定时炸弹一样,会出现莫名其妙地程序运行即崩溃的问题,等出了问题再去改初始的视图框架是件很痛苦地事,别问我怎么知道的,我只想说,请不要忽略苹果给你的提示。。即便可以达到想要的效果。
所以要使用
navigationController来push 视图就只能将
TabBar的
viewControllers中想要做
push操作的视图控制器设置为
navigationController,直接做
push操作会带上
tabBar.
解决方式
storyboard:在你想要push的viewController的通用设置中将 Hide Bottom Bar On Push 一项勾选上既可
代码:
self.hidesBottomBarWhenPushed = YES;
PS:上图中
Extend Edges中的
Under Top Bars属性,在你的视图从nv
push过来时有一段距离的空白时,将此选项勾选去除一般可以解决
设置圆角
大家都爱圆角,button,弹出视图等, 不加圆角怎么看怎么像Demo有木有,但是每次都要写那几句代码真是够了,当然也可以封装了之后调用,这是其一,但在调试程序时想尽快看到效果时,可用直接在xib和xb的视图中设置。
选中view,选中右边工作栏的class选项,在
User Defined Runtime Attributes区域添加自己想为view添加的属性既可,大家可以看到Type选项有很多种,所以,但凡是属性为Type中的某种的都可以通过这种方式来设置,
layer边框颜色也可以直接设置,而不用再纠结RGB的数值等,可以直接取色,这里相关的tips我就不一一列举,抛砖引玉
SB中单独的View
很多人以为storyboard将单独的view去除了,以至于在VC中希望添加单独的view时,总是要去建立单独的xib,或是代码书写。其实在SB的VC中添加View视图,布局完成后,将其拖动到
First Responder
Exit并列的位置,同样可以创建映射,为控件添加响应事件等,等同于以前xib中各个独立的视图,只是不能直观地看到这些视图的布局,如要查看布局状态,还得拖动到viewController的主窗口中进行查看
可视化坐标距离
IB最烦人的问题就是对齐。用代码的时候我们可以明确地指定x,y坐标,但是换到IB的时候我们更多的时候是靠拖拽UIView来布局。比如需要三个间隔相同的label,除了用强大的肉眼来估测距离是否相等以外,难道只能乖乖分别选中三个label,记下它们的坐标然后打开计算器来做加减法么?显然不要那么笨,试试看选中一个label,然后按住option键并将鼠标移动到其他label上试试?你可以发现view之间的距离都以很容易理解的方式显示出来了。不仅是同层次的view,被选中view与其他层次的view之间的距离关系也可以同样显示。
选择之后效果与下文添加辅助线示例图类似
将多个view视图合并到一个视图层级
有时候添加了多个控件,而且千辛万苦终于调整好了对齐,间距发现要将这些控件放在一个父类视图中方便操作,最直观地,拖动一个
view到面板上,选中这些控件,拖拽到这个
view上,悲剧就发生了,难道只能再次睁大双眼,一个个对齐,调整么
显然不用,选中这些控件,选择菜单栏上
Editor->Embed in->View/Scroll view
最终控件还是按照原来样式排练在一个view上
同样,要将其从父类view上移到另一个视图,选择上图中
Editor->Unembed就可以了
为视图添加辅助线
搞设计的一般都知道辅助线是多么重要,我们在为视图布局时也可以为视图添加辅助线,方便我们布局时更加准确添加:双击某个View,按下
shift+
Command+
-添加横向辅助线,
shift+
Command+
|添加纵向辅助线,添加的位置都是
左右/上下居中的
移动:光标移动到线上时会出现可拖动的按钮,按住
左右/上下拖动到想要的位置,拖动时可以看到辅助线线距离视图左右/上下的距离
删除:方式也很简单,与删除断点方式一样,快速拖动到视图看不见的地方即可删除
相关文章推荐
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户
- 每日安全资讯:NSO,一家专业入侵 iPhone 的神秘公司
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- winform 使用Anchor属性进行界面布局的方法详解
- 讲解iOS开发中基本的定位功能实现
- iOS中定位当前位置坐标及转换为火星坐标的方法
- js判断客户端是iOS还是Android等移动终端的方法
- iOS应用中UISearchDisplayController搜索效果的用法
- IOS开发环境windows化攻略
- iOS应用中UITableView左滑自定义选项及批量删除的实现
- 浅析iOS应用开发中线程间的通信与线程安全问题
- 检测iOS设备是否越狱的方法
- .net平台推送ios消息的实现方法
- 探讨Android与iOS,我们将何去何从?
- Android、iOS和Windows Phone中的推送技术详解
- iOS推送的那些事