Tag: Layout

  1. iOS适配之旅——Autolayout时代

    开篇 其实对于Autolayout的资料非常非常的多,博主也是略自皮毛,也上不了大雅之堂。这里只是给大家稍微整理一下,可定也不是很全面,主要是针对AutoLayout给这个系列进行稍微的讲解一下。其实呢,对于很多人来说Autolayout都懂的非常多,我呢,其实也不是很想写,我也是被人架着刀放在脖子上去写的。既然大家不想听,那这篇就到此为止吧。(特么的,你是来骗我们进来的么,要么讲要么退票钱😡)好吧,既然大家都想稍微听听,那就听老娘,咳咳咳,不好意思,听本少爷慢慢说来。 引言 其实相对于Autoresizing来说,Autolayout是另一个质的飞跃。他能适配的情况更多。而对于Autolayout来说他是一个非常强大的工具,即使对于之后的Size Class来说其中核心用的还是Autolayout,那么就有人会问了,AutoLayout到底是什么呢,或者说是他是怎么实现的呢。其实Autolayout都是基于一种叫做约束(NSLayoutConstraint)的东西。其实很多iOS程序员应该都懂。至于是关于NSLayoutConstraints入门我就不说了。这里我就开始说一些我想说的东西吧。 好了接下来我主要分三个方面来给大家讲述如何添加约束。当然,下面的知识最好是建立在对NSLayoutConstraint有一定了解的情况下来看,毕竟我是一个非常傲娇的啦。 代码添加 首先其实对于Autolayout来说添加的方式有两种,分别是xib和代码添加。 而对于xib上的添加小伙伴应该会比较熟悉一点,那么我们就从代码添加开始吧。众所周知,所谓的Autolayout时间里在一些列的NSLayoutConstraint的实例上进行确定每个控件的大小以及位置的。…

    on Layout AutoLayout iOS

  2. iOS适配之旅——穿越时空的爱恋(手动适配和Autoresizing)

    其实很多人看到这个标题的时候会觉得有点陈词滥调了,毕竟关于适配的文章在网络上真的是多的多如牛毛,你这里有什么好看。其实我也不知道为什么要写这个文章。 写在最前面 前段时间公司在招iOS的人员,我去稍微搀和了一下,也面试了一些iOS的技术人员,有那么一句感慨就是:“紫薇,别离开我”,不对,是好像很多人在iOS上做了好多年,可是技术方面还是停留在几年前。别的都好说,关键对于适配方面好多人都是停留在某一个阶段或者某两个阶段上,更有甚至的就是完全不知道新的东西或者是完全是在根据屏幕大小进行按照比例缩放(全代码形式)。所以我就想说是不是要整理一下,关于iOS适配的发展稍微进行系统的讲解一下。至少大家对各个方面都稍微有点理解,当大家遇到旧的项目或者是遇到某一个适配情形下的代码或者界面可以有稍微理解。并且稍微整理一下一些在iOS 9里面的新特性,方面大家从整体方面来看适配的大体框架以及一些细节的新特征。 当然首先先说一下目前来说主流方面来说主要是经历一下几个阶段: 手动适配 Autoresizing AutoLayout Size Class 当然,在今年要出来的WWDC大会上希望能出现更好的特性来帮助我们开发者缩短或者是简化我们的适配流程。当然这篇稍微讲解一下手动适配和Autoresizing,当然这篇文章的也是博主自己的经验所述,如果有什么有问题的地方,麻烦大家指出,本人必定虚心改正,痛改前非。 穿越时空的爱恋(手动适配) 看到这个题目大家有没有想到张庭当初演的那部电视剧,大家有没有想到当初那部剧的男主是谁,没错就是徐峥!!!!当初怎么也算的上是小鲜肉吧,我完全没有反应过来那个人是徐峥。那现在让我们将时间穿越到明朝,不对不对,是2011年。 背景:…

    on Layout iOS

  3. WWDC2015 - Interface Builder技巧(IB 技巧)

    这篇文章可能对于IB控的童鞋了来说可能是一个福音,而其中的技巧都是相当有用的。如果觉得好的童鞋可以进行留言点个赞什么的,要不然实在佩服的情况下可以跪下唱征服进行膜拜朕,朕会在将来整理更多的好东西给大家。关于IB的技巧,这里就说说在WWDC15上提到的几个技巧吧,可能在以前有些技巧也是被大家所知道的,可是这里主要是给大家整理一下。方便大家在使用IB的时候加快布局的速度。如果对于英文还不错的童鞋可以去查看视频: https://developer.apple.com/videos/play/wwdc2015-407/ 废话不多说,直接开始那个技巧吧。 技能点一:多使用Stack View 关于iOS9中新添加的API,Stack View是iOS9布局方面非常重要的一个工具。对于布局来说是非常有帮助的。他能快速的帮你布局,并且维护你的布局。而在IB中,关于StackView也提供了非常好用的快捷键。具体如下: 具体分为两个步骤: * 1. 选择需要所有需要添加到Stack View的视图 * 2. 点击IB右下方最左边的按钮即可将所选的视图添加到Stack View中 而如果对Stack View不熟的同学可以通过查看博主上一篇文章解开AutoLayout的面纱中找寻答案。 而在WWDC15中建议多使用Stack View,主要是Stack View方便IB进行维护和扩展。 而在github上也有童鞋已经写了FDStackView用来保证在低版本的情况下也能使用StackView,有兴趣的同学可以去研究一下。 技能点二:善用Pin中的Constrain To…

    on iOS AutoLayout Layout

  4. WWDC 2015 - 揭开AutoLayout的神秘面纱(Mysteries Of Auto Layout)

    在WWDC 2015上关于AutoLayout这堂课上为程序员提供了一些福利般的新特性,并且对于一些技巧性的使用技能,对于程序猿在开发工作中的布局以及布局的调试打了许多鸡血啊,碰巧博主最近的项目也赶上了UI的替换,搞得博主都想现在就在项目中大展手脚的感觉。想想还有点小激动呢。 在WWDC 2015大会上,讲述了12个关于Auto Layout的技能点。如果英文不错的童鞋可以去查看WWDC上的视频: * Mysteries Of Auto Layout Part1 * Mysteries Of Auto Layout Part2 各位童鞋,想知道这十二个技能点么?你特么来求我啊,来求我啊。求我我就告诉你。开始吧,跪下唱征服。 技能点一:Stack View(新) Stack View是在iOS 9中推出的一个新的视图,对于程序猿来说是大大滴福利啊,不仅能使xib的可维护性增加而且由于其是轻量级的控件,也能保证程序运行流畅。其实这个视图有点像是Android里面的线性布局,不过它比线性布局好用,主要表现在他的属性方面。其中最常用的属性有4个,具体如下图: * Axis(或Orientation在 OS X中):用于指明是水平线性布局还是垂直线性布局 * Alignment:…

    on WWDC WWDC2015 Layout iOS