App适配简单概括

1:适配:适应、兼容各种不同的情况

系统适配

  • 针对不同版本的操作系统进行适配

屏幕适配

  • 针对不同大小的屏幕尺寸进行适配

在用户眼中

  • 屏幕是由无数个像素组成的
  • 像素越多,屏幕越清晰

在开发者眼中

  • 屏幕是由无数个点组成的,点又是由像素组成的
  • 像素越多,屏幕越清晰

iOS设置尺寸图

一:Autoresizing:基本的控件布局----掌握

在Autolayout之前,有Autoresizing可以作屏幕适配,但局限性较大,有些任务根本无法完成

相比之下,Autolayout的功能比Autoresizing强大很多

代码:

  // 1.创建父控件

     UIView *greenView = [[UIView alloc] init];

     greenView.frame = CGRectMake(, , , );

     greenView.backgroundColor = [UIColor greenColor];

     [self.view addSubview:greenView];

     self.greenView = greenView;

     // 2.创建子控件

     UIView *redView = [[UIView alloc] init];

     redView.frame = CGRectMake(, , , );

     redView.backgroundColor = [UIColor redColor];

     [greenView addSubview:redView];

3.设置子控件的autoresizing

注意: 代码中的上下左右和Storyboard中的是相反的

  • Storyboard中勾选上左边, 就代表当前控件和父控件的左边的距离是固定的
  • 而在代码中如果写上FlexibleLeftMargin, 就代表当前控件和父控件的左边是可拉伸的
  • 换句话说就是: 如果设置了FlexibleLeftMargin, 就代表着右边是固定的
  1. UIViewAutoresizingFlexibleLeftMargin // 左边可以伸缩
  2. UIViewAutoresizingFlexibleRightMargin // 右边可以伸缩
  3. UIViewAutoresizingFlexibleTopMargin // 顶部可以伸缩
  4. UIViewAutoresizingFlexibleBottomMargin // 底部可以伸缩
  5. // 以下两个和Storyboard中的是一样的
  6. UIViewAutoresizingFlexibleWidth // 宽度可以伸缩
  7. UIViewAutoresizingFlexibleHeight // 高度可以伸缩

redView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;

触摸一下屏幕红色的View就会随着蓝色的View变化而变化

二:AutorLayout:界面布局适配----通过StoryBoard拖线必须熟练

Autolayout是一种“自动布局”技术,专门用来布局UI界面的

Autolayout自iOS 6开始引入,由于Xcode 4的不给力,当时并没有得到很大推广

自iOS 7(Xcode 5)开始,Autolayout的开发效率得到很大的提升

苹果官方也推荐开发者尽量使用Autolayout来布局UI界面

一个NSLayoutConstraint对象就代表一个约束

创建约束对象的常用方法

+(id)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:(CGFloat)multiplier constant:(CGFloat)c;

  • view1 :要约束的控件
  • attr1 :约束的类型(做怎样的约束)
  • relation :与参照控件之间的关系
  • view2 :参照的控件
  • attr2 :约束的类型(做怎样的约束)
  • multiplier :乘数
  • c :常量

代码

   // 1.创建两个控件, 并且添加到父控件上

     UIView *blueView = [[UIView alloc] init];

     blueView.backgroundColor = [UIColor blueColor];

     [self.view addSubview:blueView];

     UIView *redView = [[UIView alloc] init];

     redView.backgroundColor = [UIColor redColor];

     [self.view addSubview:redView];

2.添加约束

 //    self.view.translatesAutoresizingMaskIntoConstraints = NO; // 错误写法, 禁用父控件的对子控件无效

     redView.translatesAutoresizingMaskIntoConstraints = NO;

     blueView.translatesAutoresizingMaskIntoConstraints = NO;

2.1添加蓝色的约束

  // 2.1.1顶部

     NSLayoutConstraint *blueTopCos = [NSLayoutConstraint constraintWithItem:blueView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:];

     [self.view addConstraint:blueTopCos];

     // 2.1.2左边

     NSLayoutConstraint *blueLeftCos = [NSLayoutConstraint constraintWithItem:blueView attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:];

     [self.view addConstraint:blueLeftCos];

     // 2.1.3右边

     NSLayoutConstraint *blueRightCos = [NSLayoutConstraint constraintWithItem:blueView attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeRight multiplier:];

     [self.view addConstraint:blueRightCos];

     // 2.1.4高度

     NSLayoutConstraint *blueHeightCos = [NSLayoutConstraint constraintWithItem:blueView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:kNilOptions multiplier:];

     [blueView addConstraint:blueHeightCos];

2.2添加红色的约束

  // 2.2.1顶部

     NSLayoutConstraint *redTopCos = [NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:blueView attribute:NSLayoutAttributeBottom multiplier:];

     [self.view addConstraint:redTopCos];

     // 2.2.2右边

     NSLayoutConstraint *redRightCos = [NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeRight multiplier:];

     [self.view addConstraint:redRightCos];

     // 2.2.3高度

     NSLayoutConstraint *redHeightCos = [NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:kNilOptions multiplier:];

     [redView addConstraint:redHeightCos];

     // 2.2.4宽度

     NSLayoutConstraint *redWidthCos = [NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:blueView attribute:NSLayoutAttributeWidth multiplier:0.5 constant:0.0];

     [self.view addConstraint:redWidthCos];    

优先级:(默认是100)

警告

控件的frame不匹配所添加的约束,

比如约束控件的宽度为100, 而控件现在的宽度是110

错误

缺乏必要的约束, 比如

只约束了宽度和高度, 没有约束具体的位置

两个约束冲突, 比如

1个约束控件的宽度为100, 1个约束控件的宽度为110

:自动布局的核心计算公式

obj1.property1 =(obj2.property2 * multiplier)+ constant value

规则:

  • 1)对于两个同层级view之间的约束关系,添加到它们的父view上
  • 2)对于两个不同层级view之间的约束关系,添加到他们最近的共同父view上
  • 3)对于有层次关系的两个view之间的约束关系,添加到层次较高的父view上

三:Size Class:屏幕适配----必须熟练

四:VFL语言----了解

VFL全称是Visual Format Language,翻译过来是“可视化格式语言”

VFL是苹果公司为了简化Autolayout的编码而推出的抽象语言

基本语法:

  • H:[cancelButton(72)]-12-[acceptButton(50)]

canelButton宽72,acceptButton宽50,它们之间间距12

  • H:[wideView(>=60@700)]

wideView宽度大于等于60point,该约束条件优先级为700(优先级最大值为1000,优先级越高的约束越先被满足)

  • V:[redBox][yellowBox(==redBox)]

竖直方向上,先有一个redBox,其下方紧接一个高度等于redBox高度的yellowBox

  • H:|-10-[Find]-[FindNext]-[FindField(>=20)]-|

水平方向上,Find距离父view左边缘默认间隔宽度,之后是FindNext距离Find间隔默认宽度;再之后是宽度不小于20的FindField,它和FindNext以及父view右边缘的间距都是默认宽度。(竖线“|” 表示superview的边缘)

使用VFL来创建约束数组

+ (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views;

  • format :VFL语句
  • opts :约束类型
  • metrics :VFL语句中用到的具体数值
  • views :VFL语句中用到的控件
     // 1.创建一个红色View, 并且添加到父控件

     UIView *blueVeiw = [[UIView alloc] init];

     blueVeiw.backgroundColor = [UIColor blueColor];

     [self.view addSubview:blueVeiw];

     UIView *redVeiw = [[UIView alloc] init];

     redVeiw.backgroundColor = [UIColor redColor];

     [self.view addSubview:redVeiw];

     // 2.禁止红色View的Autgoresizing

     blueVeiw.translatesAutoresizingMaskIntoConstraints = NO;

     redVeiw.translatesAutoresizingMaskIntoConstraints = NO;

     // 3.利用VFL添加约束

     /*

      VisualFormat: VFL语句

      options: 对齐方式等

      metrics: VFL语句中使用到的一些变量

      views: VFL语句中使用到的一些控件

      */

     // 3.1设置蓝色

     // 3.1.1水平方向

     NSArray *blueHCos = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-20-[blueVeiw]-20-|" options:kNilOptions metrics:nil views:@{@"blueVeiw":blueVeiw}];

     [self.view addConstraints:blueHCos];

     // 3.1.2垂直方向

     NSArray *blueVCos = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-20-[blueVeiw(==50)]" options:kNilOptions metrics:nil views:@{@"blueVeiw":blueVeiw}];

      [self.view addConstraints:blueVCos];

     // 3.2设置红色

     // 3.2.1垂直方向

     NSArray *redVCos = [NSLayoutConstraint constraintsWithVisualFormat:@"V:[blueVeiw]-20-[redVeiw(==50)]" options:NSLayoutFormatAlignAllRight metrics:nil views:@{@"blueVeiw":blueVeiw, @"redVeiw":redVeiw}];

     [self.view addConstraints:redVCos];

     // 3.2.2水平方向

 //    NSArray *redHCos = [NSLayoutConstraint constraintsWithVisualFormat:@"H:[redVeiw(==blueVeiw * 0.5)]" options:kNilOptions metrics:nil views:@{@"blueVeiw":blueVeiw, @"redVeiw":redVeiw}];

 //    [self.view addConstraints:redHCos];

 #warning VFL不支持乘除法

     NSLayoutConstraint *redHCos =[NSLayoutConstraint constraintWithItem:redVeiw attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:blueVeiw attribute:NSLayoutAttributeWidth multiplier:0.5 constant:0.0];

     [self.view addConstraint:redHCos];

注:不支持乘除法

五:牛逼框架:Masonry框架的使用======熟悉使用

简介:

  • 目前最流行的Autolayout第三方框架
  • 用优雅的代码方式编写Autolayout
  • 省去了苹果官方恶心的Autolayout代码
  • 大大提高了开发效率

框架地址:

https://github.com/SnapKit/Masonry

导入

     // 1.创建两个View, 并且添加到父控件

     UIView *blueVeiw = [[UIView alloc] init];

     blueVeiw.backgroundColor = [UIColor blueColor];

     [self.view addSubview:blueVeiw];

     self.blueVeiw = blueVeiw;

     UIView *redVeiw = [[UIView alloc] init];

     redVeiw.backgroundColor = [UIColor redColor];

     [self.view addSubview:redVeiw];

     // 2.禁止红色View的Autgoresizing

     blueVeiw.translatesAutoresizingMaskIntoConstraints = NO;

     redVeiw.translatesAutoresizingMaskIntoConstraints = NO;

     // 3.添加蓝色的约束

     [blueVeiw makeConstraints:^(MASConstraintMaker *make) {

         make.left.equalTo(self.view.left).offset();

         make.right.equalTo(self.view.right).offset(-);

         make.top.equalTo(self.view.top).offset();

         make.height.equalTo();

     }];

     // 4.添加红色的约束

     [redVeiw makeConstraints:^(MASConstraintMaker *make) {

         make.top.equalTo(blueVeiw.bottom).offset();

         make.height.equalTo(blueVeiw.height);

         make.right.equalTo(blueVeiw.right);

         make.width.equalTo(blueVeiw.width).multipliedBy(0.5);

     }];

注意: 在Storyboard中约束是可以重复添加的, 通过Masonry添加约束也是可以重复的, 要注意重复添加导致的错误和冲突

使用makeConstraints, 每次都会添加新的约束, 也就是会导致重复添加

    [self.blueVeiw makeConstraints:^(MASConstraintMaker *make) {

        make.height.equalTo(100);

    }];

要更新约束使用updateConstraints

updateConstraints特点: 如果没有设置过, 就添加一个新的

如果已经设置过了, 就更新以前设置的那一个

    [self.blueVeiw updateConstraints:^(MASConstraintMaker *make) {

        make.height.equalTo();

    }];

清空约束 remakeConstraints

[self.blueVeiw remakeConstraints:^(MASConstraintMaker * }];

注:#define MAS_SHORTHAND

只要添加这个宏, 就可以去掉Masonry框架中对象访问对象属性前面的mas_属性, 和方法前的mas_前缀

例如添加前的写法

  • make.left.equalTo(self.view.mas_left).with.offset(20);

例如添加后的写法

  • make.left.equalTo(self.view.left).with.offset(20);

#define MAS_SHORTHAND_GLOBALS

  • 只要添加上这个宏, 给equalTo传递参数的时候, 就可以直接传递基本数据类型 ,系统会自动包装
  • 如果没有添加上面这个宏, 那么给equalTo传递参数的时候, 必须传递对象
  • 如果要传递基本数据类型必须使用mas_equalTo

只需要在导入Masonry.h之前, 添加上一上两个宏, 就可以简化代码

#import "Masonry.h"

现在实际iOS项目开发中,80%以上都是使用AutorLayout结合SizeClass来实现的,除非部分特殊情况,所以基本上是要熟悉使用AutorLayout和SizeClass久可以,再就是关于框架的使用,除非苹果在后期害处更好的技术。

关于Masonery详细介绍请查看:iCocos博客园(iOS梦工厂)

iOS开发——适配篇&App适配简单概括的更多相关文章

  1. iOS开发UI篇—xib的简单使用

    iOS开发UI篇—xib的简单使用 一.简单介绍 xib和storyboard的比较,一个轻量级一个重量级. 共同点: 都用来描述软件界面 都用Interface Builder工具来编辑 不同点: ...

  2. iOS开发UI篇—APP主流UI框架结构

    iOS开发UI篇—APP主流UI框架结构 一.简单示例 说明:使用APP主流UI框架结构完成简单的界面搭建 搭建页面效果:                                二.搭建过程和 ...

  3. iOS开发多线程篇 09 —NSOperation简单介绍

    iOS开发多线程篇—NSOperation简单介绍 一.NSOperation简介 1.简单说明 NSOperation的作⽤:配合使用NSOperation和NSOperationQueue也能实现 ...

  4. iOS开发——高级篇——FMDB 数据库简单使用

    #import <Foundation/Foundation.h> @interface UserDB : NSObject // 把userDB设计成一个单例类 + (id)shareI ...

  5. iOS开发数据库篇—SQLite简单介绍

    iOS开发数据库篇—SQLite简单介绍 一.离线缓存 在项目开发中,通常都需要对数据进行离线缓存的处理,如新闻数据的离线缓存等. 说明:离线缓存一般都是把数据保存到项目的沙盒中.有以下几种方式 (1 ...

  6. iOS开发UI篇—多控制器和导航控制器简单介绍

    iOS开发UI篇—多控制器和导航控制器简单介绍 一.多控制器 一个iOS的app很少只由一个控制器组成,除非这个app极其简单.当app中有多个控制器的时候,我们就需要对这些控制器进行管理 有多个vi ...

  7. iOS开发UI篇—UIWindow简单介绍

    iOS开发UI篇—UIWindow简单介绍 一.简单介绍 UIWindow是一种特殊的UIView,通常在一个app中只会有一个UIWindow iOS程序启动完毕后,创建的第一个视图控件就是UIWi ...

  8. iOS开发拓展篇—CoreLocation简单介绍

    iOS开发拓展篇—CoreLocation简单介绍 一.简介 1.在移动互联网时代,移动app能解决用户的很多生活琐事,比如 (1)导航:去任意陌生的地方 (2)周边:找餐馆.找酒店.找银行.找电影院 ...

  9. iOS开发拓展篇-XMPP简单介绍

    iOS开发拓展篇-XMPP简单介绍 一.即时通讯简单介绍 1.简单说明 即时通讯技术(IM)支持用户在线实时交谈.如果要发送一条信息,用户需要打开一个小窗口,以便让用户及其朋友在其中输入信息并让交谈双 ...

随机推荐

  1. C++中引用的本质是什么?

    一般的教材上讲到引用时,都是说“引用是对象的一个别名”.我认为这种定义是不清晰的,不利于初学者理解引用.至少我自己曾经被这个定义困扰了一段时间.到底什么是“别名”? 实际上,引用的实质是位于xxxxx ...

  2. XTUOJ 1252 Defense Tower 贪心

    题目链接:http://202.197.224.59/OnlineJudge2/index.php/Problem/read/id/1252 思路:考虑每条边对玩家的伤害 假设连接的节点是u,v,破坏 ...

  3. [irving] C# Windows Beep 调用声音文件

    方法一:Console.Beep(); 方法二:可以用Console.WriteLine("/a");来代替Beep(). MSDN:http://msdn.microsoft.c ...

  4. 在eclipse.ini中指定jdk的方式

    在eclisep的安装目录,打开eclipse.ini文件,加上这么一行,如下红色所示,注意加在-Vmargs前面,这两种方式的区别是:第二种方式除了会有eclipse进程外还会启动个java进程. ...

  5. 全栈工程师眼中的HTTP

    HTTP,是Web工程师每天打交道最多的一个基本协议.很多工作流程.性能优化都围绕HTTP协议来进行,但是我们对HTTP的理解是否全面呢?如果前端工程师和后台工程师坐在一起玩捉鬼游戏,他们对HTTP的 ...

  6. 【windows核心编程】 第八章 用户模式下的线程同步

    Windows核心编程 第八章 用户模式下的线程同步 1. 线程之间通信发生在以下两种情况: ①    需要让多个线程同时访问一个共享资源,同时不能破坏资源的完整性 ②    一个线程需要通知其他线程 ...

  7. libpomelo的cocos2d-x客户端使用总结

    这几天看了libpomelo的cocos2dx客户端这是个聊天室,由2个场景构成,登录场景LoginScene,聊天场景ChatScene. 一. LoginScene 客户端是以Login场景来启动 ...

  8. G-sensor驱动分析

    重力传感器代码分析 重力传感器驱动的功能,主要是向HAL层提供IOCTRL接口,并通过input设备上报数据.芯片实际数据的读取是采用i2c协议读取原始数据,并且作为i2c设备挂载在系统上工作的. 1 ...

  9. Java 从单核到多核的多线程(并发)

    JAVA 并发编程       最初计算机是单任务的,然后发展到多任务,接着出现多线程并行,同时计算机也从单cpu进入到多cpu.如下图: 多任务:其实就是利用操作系统时间片轮转使用的原理.操作系统通 ...

  10. 激活Windows 10

    激活Windows 10按 win+X 组合键,打开“命令提示符(管理员)”,输入以下代码:slmgr /ipk NKJFK-GPHP7-G8C3J-P6JXR-HQRJR  然后按Enter键回车即 ...