IOS开发-基础篇-One

UI基础-第一天

人生就像卫生纸，没事的时候尽量少扯；时间就像卫生纸，看着挺多，用着挺少…

学前需知

学习内容

• UI
  基础控件:UIButton、UIImageView、UILabel、UIView等
  高级控件:UITableView、UICollectionView
  屏幕适配:Autoresizing、Autolayout、Sizeclass、Massonry
  多控制器管理：UINavigationController、UITabBarContraller、滴定仪控制器管理

Quart2D、核心动画、事件处理、手势、UIDynamic

目标和发展规划

• 薪资待遇
  – 1年以内大于10k
  – 可以挑战20k
  – 必须学业有成
• 技术目标
  –强化变成思想（封装抽取、思考视角、框架设计）
  –提高解决问题的能力、自学能力
• 未来发展

– 海阔凭鱼跃，天高任鸟飞

学习期间的要求

1.别玩手机，以防错过精彩、关键瞬间
2.注意休息，尤其是晚上
3.不要边听课程边敲代码
4.尽量不要看视频，尽量只参考课堂代码、笔记
5.整理一份属于自己的笔记
》新手：完全对着课堂代码（跟抄书一样）或者边看视频边敲
》熟手：浏览一边课堂代码，边回想边敲遇到不会的去看课堂代码
》高手：不用看课堂代码，回想上课的编程思路，直接开搞
（等级不断提高）

作息

尽量早点睡，第二天上课才有精神，最晚不要超过2点
珍爱时间，远离游戏

IOS开发须知

开发流程!

UI界面的组成-对象

• 总结
  
  • UI界面上的每一个元素都是对象
  • 万物皆对象

框架

使用框架的目的就是让开发更简单

开发水平

第一个IOS程序

切换文字颜色

IBAction和IBOutlet

• IBAction
  
  • 从返回值角度上看，作用相当于void
  • 只有返回值生命为IBAction的方法，才能跟storyboard中的空间进行连线
• IBOutlet
  
  • 只有声明为IBOutlet的属性，才能跟storyboard中的控件进行连线

设置程序启动时加载的storyboard

经典错误

• 如果遇到这种错误，90%的可能都是因为连线有问题，比如一些线以及“过期”
• ‘NSUnknownKeyException’, reason: ‘[ setValue:forUndefinedKey:]: this class is not key value coding-compliant for the key

需要了解的知识点

• storyboard文件的认识
• UIViewController的认识
• IBOutlet、IBAction的作用
• 类扩展的作用
• 修改UI元素的属性（textColor、backgroundColor）
• 新建项目的常见属性
• 模拟器的各种功能

UIView

UIView简介

UIView

• 什么是控件？
• 屏幕上的所有UI元素叫做控件，也有人叫做视图、组件
• 按钮（UIButton）、文件（UILabel）都是控件
• 控件的共同属性有哪些？
• 尺寸
• 位置
• 背景色
• 。。。。。
• 苹果将控件的共同属性都抽取到父类UIView中
• 所有的控件最终都继承自UIView
• UIButton、UILabel都是继承自UIView（可以查看头文件）

父子控件

父控件、子控件

• 每一个控件其实都是一个容器- 可以将其他控件放到该空间的内部
• 比较常见的还是将UIView作为容器
• 可以将A控件放入B控件
• A控件是B控件的子控件
• B控件是A控件的父控件
• 每一个控制器都有一个UIView
• 控制器本身是不可见
• 能够看到的是控制器的View
• 每一个控制器中都有一个UIView的属性
• 控制器中管理的所有子控件都是该控件的子控件

UIView的常见属性

• @property (nonatomic,readonly)UIView *superview;
• 获得自己的父控件对象
• @property (nonatomic,readonly,copy)NSArray *subviews;
• 获得自己的所有子控件对象
• @property (nonatomic)NSInteger tag;
• 控件的ID[标识],父控件可以通过tag来找到对应的子控件
• @property (nonatomic) CGffineTransfom transform;
• 控件的形变属性（可以设置旋转角度、比例缩放、平移等属性）

UIView的常见方法

. - (void)addSubview:(UIView *)view;
- 添加一个子控件

. - (void)removeFromSuperview;
- 将自己从父控件移除

. - (UIView *)viewWithTag:(NSInteger)tag;
- 根据一个tag标识找出对应的控件（一般都是子控件）

位置尺寸

UIView的常见属性

. @property (nonatomic) CGRect frame;
- 控件矩形框在父控件中的位置和尺寸（以父控件的左上角为坐标原点）

. @property (nonatomic) CGRect bounds;
- 控件矩形框的位置和尺寸（以自己左上角为坐标原点，所以bounds的x、y一般都为0）

. @property (nonatomic) CGPoint center;
- 空间中心点的位置（以父控件的左上角为坐标原点）

UIKit坐标系

• 在UIKit中，坐标系的原点（0，0）在左上角，x值向右正向延伸，y值向下正向延伸
• 

代码练习部分

显示hello world

方法一：

方法二：

按钮点击改变label颜色

Main.storyboard

/* 经典错误 1.错误一 描述：reason: '[<MainViewController 0x7ffebbc1a880> setValue:forUndefinedKey:]: this class is not key value coding-compliant for the key testLabel.' 原因：有多余的连线 解决：删除多余的连线 2.错误二 描述：reason: '-[MainViewController clickBtn:]: unrecognized selector sent to instance 0x7feb69418640' 原因：找不到对应的方法 解决：1.添加对应的方法 2.删除多余的连线 */#import "ViewController.h"@interface ViewController ()//已经有强指针指向@property (weak, nonatomic) IBOutlet UILabel *showLabel;@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    // Do any additional setup after loading the view, typically from a nib.}#pragma mark - 点击红色按钮- (IBAction)redBtn {//    //改变文字颜色//    self.showLabel.textColor = [UIColor redColor];//    //修改文字内容//    self.showLabel.text = @"现在我变成红色啦";//    //改变背景颜色//    self.showLabel.backgroundColor = [UIColor greenColor];//    //文字居中//    self.showLabel.textAlignment = NSTextAlignmentCenter;//    //改变文字的大小//    self.showLabel.font = [UIFont systemFontOfSize:13.0];    [self changeLabelWithColor:[UIColor redColor] text:@"现在我变红啦" backColor:[UIColor greenColor] fontsize:13.0];}#pragma mark - 抽取方法/**可供调用的改变文字颜色，内容，背景颜色，大小的方法*/- (void)changeLabelWithColor:(UIColor *)color text:(NSString *)text backColor:(UIColor *)bcolor fontsize:(float)size{    //改变文字颜色    self.showLabel.textColor = color;    //修改文字内容    self.showLabel.text = text;    //改变背景颜色    self.showLabel.backgroundColor = bcolor;    //文字居中    self.showLabel.textAlignment = NSTextAlignmentCenter;    //改变文字的大小    self.showLabel.font = [UIFont systemFontOfSize:size];}#pragma mark - 点击黄色按钮- (IBAction)yellowBtn {    [self changeLabelWithColor:[UIColor yellowColor] text:@"我又变黄了，啦啦啦" backColor:[UIColor redColor] fontsize:14.0];}#pragma mark - 点击绿色按钮- (IBAction)greenBtn {    [self changeLabelWithColor:[UIColor greenColor] text:@"最终我还是变绿了" backColor:[UIColor purpleColor] fontsize:12.0];}@end

UIView的常见属性

Main.storyboard

#import "ViewController.h"@interface ViewController ()//绿色的view@property (weak, nonatomic) IBOutlet UIView *greenView;/**可变数组*/@property (nonatomic,strong)NSMutableArray *arrayM;@end@implementation ViewController//调用viewDidLoad之前会先调用loadView- (void)loadView{    [super loadView];//    NSLog(@"%s",__func__);}/**     1.系统调用     2.控制器的view加载完毕的时候调用     3.控件的初始化，数据的初始化（懒加载） */- (void)viewDidLoad {    [super viewDidLoad];    // Do any additional setup after loading the view, typically from a nib.//    NSLog(@"%s",__func__);    //1.查看绿色view的父控件,结论：就是控制器的view//    NSLog(@"绿色的view的父控件:%@--控制器的view:%@",self.greenView.superview,self.view);    //2.查看绿色view的子控件//    NSLog(@"绿色view的子控件:%@",self.greenView.subviews);    //3.控制器的view的子控件//    NSLog(@"%@",self.view.subviews);    //4.控制器的view的父控件 --> UIWindow,这边看不到，要到viewDidAppear中才可以//    NSLog(@"viewDidLoad ---- %@",self.view.superview);}- (void)viewDidAppear:(BOOL)animated{    [super viewDidAppear:animated];//    NSLog(@"viewDidLoad ---- %@",self.view.superview);}/** 1.系统调用 2.当控制器收到内存警告的时候调用 3.这时要去掉一些不必要的内存，去除耗时的内存 //此处可以使用模拟器模仿，内存警告会调用此方法 */- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.    NSLog(@"%s",__func__);    //假设数组arrayM中不断添加控件引发的内存警告，清空内存则要如下即可    self.arrayM = nil;}@end

View的常用方法

重点内容

#import "ViewController.h"@interface ViewController ()//黄色的view,这是脱线形成的属性//@property (weak, nonatomic) IBOutlet UIView *orgView;@property (weak, nonatomic) UIView *orgView;@property (weak, nonatomic) IBOutlet UIButton *btn1;@property (weak, nonatomic) IBOutlet UIButton *btn2;@property (weak, nonatomic) IBOutlet UIButton *btn3;@end@implementation ViewController/**尽量少使用tag:     1>tag的效率非常差     2>tag使用多了，非常容易乱 */- (void)viewDidLoad {    [super viewDidLoad];    // Do any additional setup after loading the view, typically from a nib.    //根据tag拿到对应的view    UIView *redView = [self.view viewWithTag:1];    self.orgView = redView;    //1.创建UISwitch对象    UISwitch *sw = [[UISwitch alloc]init];    //2.加到控制器的view中    [self.view addSubview:sw];    //3.创建UISwitch对象    UISwitch *sw1 = [[UISwitch alloc]init];    //4.加载到黄色的view    [redView addSubview:sw1];    //5.创建一个选项卡独享    UISegmentedControl *sg = [[UISegmentedControl alloc]initWithItems:@[@"111",@"222",@"3333"]];    //6.加载到黄色的view    //后添加上去的控件，如果和前一个添加上去的控件在同一个层，而且位置一样，会盖在上一个添加的控件上面    [redView addSubview:sg];    //7.移除//    [sg removeFromSuperview];//    [self.orgView removeFromSuperview];//    [sw removeFromSuperview];//    //这个在这里写没有效果，要写到viewDidAppear中，才可以    [self.view removeFromSuperview];}//[self.view removeFromSuperview];在词才能有效果//只要控件有父控件，就一定能够移除- (void)viewDidAppear:(BOOL)animated{    [super viewDidAppear:animated];//    [self.view removeFromSuperview];}- (IBAction)removeBtnClick {    [self.orgView removeFromSuperview];}- (IBAction)ClickBtn:(UIButton *)button {    //方法一：按钮点击//    if (button == self.btn1) {//        NSLog(@"我是按钮1，我被点了");//    }else if (button == self.btn2)//    {//        NSLog(@"我是按钮2，我也被点了");//    }else if (button == self.btn3)//    {//        NSLog(@"我是按钮3，点我干嘛");//    }    //方法二：查看按钮点击    switch (button.tag) {        case 3:            NSLog(@"哈哈，我是按钮1，我最先备点");            break;        case 4:            NSLog(@"我是按钮2，其实我才是先被点的");            break;        case 5:            NSLog(@"我才是被先点击的按钮3好不好");            break;        default:            break;    }    //做公共的事情    NSLog(@"做公共的事情");}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.}@end

UIView的center frame bounds用法

#import "ViewController.h"@interface ViewController ()//MainStoryboard上显示的label//这里我们不用连线的label//@property (weak, nonatomic) IBOutlet UILabel *showLabel;@property (weak, nonatomic) UILabel *showlabel;@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    // Do any additional setup after loading the view, typically from a nib.    //创建UIlabel对象    UILabel *label = [[UILabel alloc]init];    //设置frame(位置和尺寸)    label.frame = CGRectMake(100, 100, 100, 60);    //设置背景颜色    label.backgroundColor = [UIColor purpleColor];    //将label添加到控制器的view中    [self.view addSubview:label];    self.showlabel = label;}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.}- (IBAction)centerBtnCilck {    //center可以改变点的位置，中间点    //改变位置//    self.showlabel.center = CGPointMake(100, 400);    //显示到界面中间    self.showlabel.center = CGPointMake(self.view.bounds.size.width * 0.5, self.view.bounds.size.height * 0.5);}- (IBAction)boundsBtnClick {    //bounds只能改变尺寸，不能改变wiezhi ios9之后，中心点不变，向四周延伸    self.showlabel.bounds = CGRectMake(0, 0, 200, 120);}- (IBAction)frameBtnClick {    //frame可以改变位置，也能改变大小，一般不轻易使用    //方式1//    self.showlabel.frame = CGRectMake(200, 100, 100, 60);    //方式2//    self.showlabel.frame = (CGRect){{200,100},{100,60}};    //方式3    //结构体是值传递，不是地址传递//    self.showlabel.frame.size += 100;要想改变不能这么写，要向下面写    CGRect frame = self.showlabel.frame;//    frame.origin.x -= 100 ;// 改变x值//    frame.origin.y += 100 ;//改变y值//    frame.size.width += 50 ;//改变宽度    frame.size.height += 100;//改变高度    self.showlabel.frame = frame;}@end