iOS中UI阶段常用的一些方法

UI 即 UserInterface(用户界面

1.iOS系统版本,每年都有更新.对我们开发者而言,主要的是观察API的变化.

2.iPhone新手机发布,会产生不同尺寸的屏幕,现在市面上有4种尺寸,我们需要考虑屏幕适配问题.
3.iOS系统层级,分为4层.目前我们学习的就是最顶层Cocoa touch层(layer),我们使用的是UIKit框架
4.iOS SDK(软件开发工具包).iOS开发语言OC,Swift——都是面向对象.

5.我们最简单的创建UI项目的方法就是通过storyboard(故事版)来完成.
6.我们可以通过设置故事板上面的控件属性(右边栏,第四个按钮——属性设置)

7.
—模拟器的输入模式切换:command+shift+K
—模拟器大小的切换:command+1,2,3
—模拟器锁屏:command+L
—模拟器Home键:command+shift+H

www.stackOverFlow.com
github.com
cocoaChina.com
code4app.com
编程查资料最好用Google

 

 

 

 

 

 

 

 

 

一.程序的生命周期

 

 1.程序已经完成启动。在这个方法里完成项目必要的界面加载

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 

创建Xcode工程选中singleView模板，并且做好相应设置，设置好主窗口，和主窗口的根控制器。相当于该方法隐藏的设置好了上述。

2.程序将要辞去活跃状态（进入非活跃状态）

- (void)applicationWillResignActive:(UIApplication *)application

程序不再是用户可以操作的时候，进入非活跃（双击Home键）

 

 暂停游戏（在这里暂停一些任务）

3.程序已经进入后台

- (void)applicationDidEnterBackground:(UIApplication *)application

 程序完全看不见了，进入后台。程序挂起

 程序由用户自己结束的时候，先进入后台

 4.程序将要进入前台

- (void)applicationWillEnterForeground:(UIApplication *)application

从后台进入前台就会调用这个方法

 重新开始被暂停的游戏（游戏继续）

5.程序已经变为活跃

- (void)applicationDidBecomeActive:(UIApplication *)application 

        1.在程序启动的时候会调用一次。

        2.从后台回到前台

        3.从任务管理界面回到前台

6.程序将要结束

- (void)applicationWillTerminate:(UIApplication *)application

·1. 程序结束的时候

 2. 程序自己崩溃的时候

 3.如果时机合适，你可以做一些数据储存类的工作

- (void)applicationDidReceiveMemoryWarning:(UIApplication *)application 

  程序接受到内存警告（系统发送，如果一直占用过高，系统会直接杀掉进程）

 

 

二.登录界面

 

1.视图已经加载（视图控制器完成它所拥有的视图加载）

- (void)viewDidLoad {      [super viewDidLoad];.......在这行代码之后，添加额外的控件}

2.改变视图的背景颜色（UIColor 颜色对象）

 self.view.backgroundColor = [UIColor greenColor];

3.设置标签的文本内容      logInLabel.text = @"登录界面";

4.设置文本内容对齐方式,碰到不认识的属性（类）按住Command点进去看

 logInLabel.textAlignment = NSTextAlignmentCenter;

5.将label放到屏幕上，给视图添加一个子视图（参数是要添加的视图对象）

 [self.view addSubview:logInLabel];

6.计算、更新密码输入框所需要的结构体

 // 不能直接更改结构体内部的值，所以我们用一个新的变量取出这个结构体

 CGRect rect = passwordLabel.frame;

 // 改变CGRect类型结构体的原点x值

 rect.origin.x += 65.0;

 // 改变CGRect类型结构体的宽度值

三.启动界面与启动图

 

1.启动界面：App lcons Source —>用App prepo将图片处理成2x，3x的格式，然后将图片拖入到Apploce当中，最后在运行。

2.启动图：

 
     
方法一：首先将图片直接拖入到Xcode当中，然后在LaunchScreen.storyboard当中，点击界面，然后选择size，确定屏幕的大小，在viewController中将Image
View拖入到界面当中，将图片放大到与屏幕同大小，最后在Image当中导入图片。

 

        方法二：在Xcode中进入项目Launch  Image Source —>Use Asset Catalog —>migrate，点击箭头，最后将图片导入。

 

四.iOS坐标系

1. 创建一个Label，放在屏幕上

 UILabel * label = [[UILabel alloc] init];

2.设置label的位置信息

   CGRectMake()

  @param X 横轴坐标

  @param Y 纵轴坐标

  @param width 视图的宽度

  @param height 视图的高度

3. 创建window ，设置window的大小为屏幕大小

 self.myWindow1 = [[UIWindow alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 20)];

 

 4.设置window的背景颜色

 self.myWindow1.backgroundColor = [UIColor blackColor];

 

 5.设置成app的主窗口并且可见

 [self.myWindow1 makeKeyAndVisible];

 

 6. 设置window的根控制器

  self.window.rootViewController = [[UIViewController alloc] init];

 self.myWindow1.rootViewController = [[ViewController alloc] init];

 self.myWindow1.windowLevel = UIWindowLevelStatusBar;

7. 一个窗口创建之后，默认是normal级别

 如果调整窗口的级别，会改变显示顺序

self.myWindow1.windowLevel = UIWindowLevelStatusBar;

状态栏其实是一个很小的窗口，他的级别是 UIWindowLevelStatusBar

8..视图：将子视图放到父视图上的时候，坐标系以父视图左上角为原点

  .默认！子视图是可以超出父视图的范围的

9.frame， bounds和Center

            frame得到的范围，是以父视图为参照（决定位置和尺寸）

            bounds以自身为参照(决定视图的尺寸)

             Center 以父视图为参照（决定视图的位置）

10.bounds就是frame的原点为0的值是错的，比如在旋转当中。

 

11.回收键盘

[self.numberTextField1 resignFirstResponder];    单个文件输入结束之后回收键盘

 [self.view endEditing:YES];   全部输入结束之后回收键盘 

 

12.如果需要应用到数字的时候，首先将text文本转化为整型数据，然后再计算等，最后再将结果转化为字符串的形式，并且赋值给所要结果的地方

 

13.Ctrl +windows+方向键    实现类的切换

 

14. 将视图添加到窗口上， 获取程序的包（和项目源代码文件夹不同）

 NSBundle * bundle = [NSBundle mainBundle];

 

15. 获取包目录    bundle.bundlePath;

 

 加载包里面的Nib文件，返回值是数组，里面存了很多个view

 /*

  * 加载包中的Nib文件

  * 

  * @param NSString Nib文件的名称

  * @param id 加载出来的文件所有者

  * @param NSDictionary 加载的时候所需要的附加信息

  */

 NSArray * viewArray = [bundle loadNibNamed:@"View" owner:self options:nil];

 

16. 获取数组中的视图

 [viewArray firstObject];         UIView * view = viewArray[0];

 

 17.添加上去作为子视图

 [self.window addSubview:view];

 

五.xib加载视图

 

1.首先创建一个xib，iOS—>User Interface—View，

 

2. 将视图添加到窗口上， 获取程序的包（和项目源代码文件夹不同）

 NSBundle * bundle = [NSBundle mainBundle];

3. 获取包目录       bundle.bundlePath;

4.加载包里面的Nib文件，返回值是数组，里面存了很多个view，加载包中的Nib文件

   @param NSString Nib文件的名称

  @param id 加载出来的文件所有者

  @param NSDictionary 加载的时候所需要的附加信息

  NSArray * viewArray = [bundle loadNibNamed:@"View" owner:self options:nil];

5. 获取数组中的视图 

         [viewArray firstObject];    UIView * view = viewArray[0];

6. 添加上去作为子视图   [self.window addSubview:view];

六 .视图树

 

1.视图的层次结构：一个视图可以拥有几个子视图，但一个视图只能拥有一个父视图。

2.建立层级关系：父子关系，子视图会覆盖父视图，同层级的子视图，如果发生堆叠，那么根据先后顺序来摆放（先添加的在下面，后添加的在上面）。

3. 添加一个子视图，放入指定的索引位置

 [baseView insertSubview:insertSubview1 atIndex:2];

4.指定在XX视图之上

        [baseView insertSubview:insertSubview1 aboveSubview:subView1];

5.如果使用insertSubview:aboveSubview: 父视图和基于的子视图为相同，那么相当于直接添加

        [baseView addSubview:insertSubview1];

6.指定在XX视图之下

         [baseView insertSubview:insertSubview1 belowSubview:subView2];

7.延迟调用方法

[self performSelector:@selector(test:) withObject:subView2 afterDelay:5];

 @param SEL 方法签名

  * @param id 附带的参数

  * @param delay 延迟的时间间隔

 

8. 调整已有视图层次结构 Exchang : 交换

 [baseView exchangeSubviewAtIndex:<#(NSInteger)#> withSubviewAtIndex:<#(NSInteger)#>]

 9.拿到最前面

[baseView bringSubviewToFront:<#(nonnull UIView *)#>]

10. 送到最后面

 [baseView sendSubviewToBack:<#(nonnull UIView *)#>]

11.获取一个视图的子视图数组和父视图

 父视图.subviews      子视图.superview

七。UIView的常用属性

 

1.通过tag值在视图树中找到相应的视图

 UIView * view = [self.view viewWithTag:1001];

2. red green blue alpha（透明度）

      RGB 值范围0~255 但在这里范围是0~1

       alpha 透明度 范围0~1

0 - 1,默认是1 表示不透明，0全透明,透明度会影响子视图

 baseView.alpha = 0.5;

 

     [UIColor colorWithRed:255/255.0 green:0/255.0 blue:0/255.0 alpha:100];

3. 透明色      [UIColor clearColor];

4.设置背景颜色

         baseView.backgroundColor = [UIColor redColor];

5.视图是否隐藏（YES表示隐藏：默认为NO）  default: 默认

             baseView.hidden = YES;

6.给视图对象添加标记

baseView.tag = 1002;

八.坐标系统的转换

 

1.拿到视图的transform 

 

CGAffineTransform  transform =self.变化的属性名.transform；

定义CGAffineTransform 变量，CGAffineTransform   t

2.构造一个在原有基础上平移的transform

 

   * 具有返回值，CGAffineTransform类型

   * @param transform 基于的transform

   * @param tx x轴变换

   * @param ty y轴变换

  

  t = CGAffineTransformTranslate(transform, 0, 50);

3.在原有基础上旋转的transform

t=CGAffineTransformRotate（transform， 角度M_PI）     

4.缩放

self.属性名.transform=CGAffineTrandformScale（self.属性名.transform，x轴缩放距离，y轴缩放距离）

5.产生效果    赋给要移动的对象transform      sel.属性名.transform =t

 

九.属性动画

 

1.设置图片，附带图片名称,默认只支持.png格式，其他格式需要加上后缀,最后在添加到视图上。

 

self.imageView.image=[UIVmage imageNamed:@“图片名称”];

 

一.首尾式动画

1.标记动画的开始

 [UIView beginAnimations:nil context:nil];

 

2.设置动画的属性

 [UIView setAnimationDuration:0.8];   时间   

 

 [UIView setAnimationRepeatCount:100];      重复次数  

 

 [UIView setAnimationRepeatAutoreverses:YES];     是否返回

3.动画的结束      [UIView commitAnimations];

 

二.block动画

 

1.[UIView animateWithDuration:0.8 animations:^{

 block中也可以添加动画属性

  [UIView setAnimationRepeatCount:100];

 

 这里写动画的内容

  self.imageView.transform = CGAffineTransformRotate(self.imageView.transform, M_PI_4);

 }];

 

 self.imageView.transform = CGAffineTransformTranslate(self.imageView.transform, 0, 50);

 

 

 设置一段完成之后的回调

 

[UIView animateWithDuration:0.8 animations:^{

 这里写动画的内容

  self.imageView.transform = CGAffineTransformRotate(self.imageView.transform, M_PI_4);

  

  

 } completion:^(BOOL finished) {

   self.imageView.transform = CGAffineTransformTranslate(self.imageView.transform, 0, 50);

 }];

 

 UILabel

 

 

1.创建及其确定位置大小

UILabel *label=[UILabel  alloc]initWithFram.CGRectMake:(  10,20, 30, 40);

2.设置标签

label.test=@“ 内容   ”；

3.行数设置，如果设置为大于0的值，那么代表最多可显示行。 0 表示没有行数限制，只要范围足够，自动换行

                label.numberOfLines = 0；

4. 设置文本的字体，美工给的字号如果你觉得太大了，可以认为他给的是px单位，我们直接把字号除以2。

        a. 常规

                label.font = [UIFont systemFontOfSize:字体大小]； 

       b.加粗

                  label.font = [UIFont boldSystemFontOfSize:字体大小]； 

 

5.根据label宽度调整字体

            label.adjustsFontSizeToFitWidth = YES；

6.根据字体去适配合适的label尺寸（要先设置内容，其次设置行数没有限制。字体也要先设置好）

                    【label   sizeToFit】；

7.对齐方式

     NSTextAlignmentLeft 左对齐

     NSTextAlignmentCenter 居中

     NSTextAlignmentRight 右对齐

 

    textLabel.textAlignment = NSTextAlignmentCenter;

 

8.label宽度不够时，对文本进行打断的方式

 

label.lineBreakMode = NSLineBreakByTruncatingHead；

 

9.设置文本的阴影

 

label.shadowColor = 【UIColor   grayColor】；  阴影部分的颜色

label.shadowOffset = CGSizeMake（5，5）；    阴影部分的大小

 

10.当文本变为高亮状态以后，显示的颜色-------高亮状态（设置了并没有立即变换状态）

 

label.highlightedTextColor = 【UIColor  greenColor】；

 

[self performSelector:@selector(changeLabelColor:) withObject:textLabel afterDelay:5];     延迟方法的调用

 

【self.view    addSubview：label】；   将label添加到视图中

- (void)changeLabelColor:(UILabel *)label {

 label.highlighted = !label.highlighted;

}

 

UIImageView

            

1.添加显示图片，如果是png格式 ，则不需要添加后缀。

            UIImage * image = [UIImage imageNamed:@"图片名称"];

2.设置图片视图的内容模式

UIViewContentModeScaleToFill                 拉伸铺满视图,不在乎图像比例

UIViewContentModeScaleAspectFit           自适应拉伸，不破坏宽高比，如果宽/高沾满视图，另外一边不再进行缩放

 UIViewContentModeScaleAspectFill          不破坏宽高比，可以超出视图范围

3.裁剪圆，设置半径

//imageView.contentMode = UIViewContentModeCenter;

imageView.layer.cornerRadius = 半径;

4.与内容裁剪配置

      imageView.clipsToBounds = YES;

5.设置tag值                imageView.tag = 1001;

 

UIButton

 

1.UIButton * btn = [UIButton buttonWithType:UIButtonTypeSystem];

 btn.frame = CGRectMake(10, 10, 44, 44);

 btn.backgroundColor = [UIColor redColor];

2.相当于IB上的方法连线

 /* 给按钮添加方法

  *

  * id ---- 谁调用方法

  * SEL ---- 调用的方法

  * UIControlEvent ----- 触发时机

[btn addTarget:self action:@selector(btnAction:) forControlEvents:UIControlEventTouchUpInside];

 

3.按钮添加文字

 [btn setTitle:@"切换" forState:UIControlStateNormal];

4. 作为子视图添加-----按钮是默认不能使用

// [self.view addSubview:btn];

 [imageView addSubview:btn];

5.如果一个按钮作为一个ImageView的子视图，默认是无法点击的

  UIImageView默认是不相应用户交互

  设置交互后，会影响子视图（如果imageView可以交互，他所有的子视图，也可以相应交互）                imageView.userInteractionEnabled = YES;

6.手动创建按钮

// UIButton * btn = [UIButton buttonWithType:UIButtonTypeSystem];

 // 使用alloc方法创建的按钮默认状态为custom

 UIButton * btn = [[UIButton alloc] init];

 btn.frame = CGRectMake(200, 200, 200, 200);

 btn.backgroundColor = [UIColor darkGrayColor];

7.绑定目标动作

 [btn addTarget:self action:@selector(test:) forControlEvents:UIControlEventTouchUpInside];

8.设置按钮的标题

 [btn setTitle:@"普通状态" forState:UIControlStateNormal];

UIControlStateHighlighted    高亮状态

UIControlStateSelected        选中状态

UIControlStateDisabled       禁用状态，当enable == NO的时候，按钮成为disabled状态

9.设置按钮的图片

 

  * setImage：forState：使用的是图片的原始大小。让按钮显示的更加精致，如果frame够大，点击也方便

  *setBackgroundImage：forState：把图片设置为按钮幕后的背景，会拉伸图片

UIImage * image = [UIImage imageNamed:@"playing_btn_love@2x"];
[btn setImage:image forState:UIControlStateNormal];

10.设置标题的颜色,自定义设置下，默认颜色为白色，系统状态下，默认颜色为蓝色

// [btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];

 

11.选中状态改变

 sender.selected = !sender.selected;

12. 按钮是否可以使用 继承与UIControl的属性，可以改变界面效果

// sender.enabled = !sender.enabled/NO；

13.是否可以与用户交互，来自于UIView。 不影响外观

// sender.userInteractionEnabled = NO;

 

 

 

 

 

 

  UIControl

 

 

1.UIControl  他是UIView的子类， 可以会用他的子类来做具体的控制， 子类可以使UIkit框架类的，我们也可以自定义控件对象

 

2.为控件绑定一个目标，动作，触发时机

  * 可以是一个控件 绑定多个目标动作

  * 可以有多个控件 绑定一个目标动作

  *

  * @param id 可以是任意目标相应

  * @param action 一个消息

  * @parm Event 事件

 

 [control addTarget:self action:@selector(controlAction:) forControlEvents:UIControlEventTouchUpInside];

 

3. 触摸取消（触摸还在发生，屏幕失去焦点：锁屏，电话呼入）

        UIControlEventTouchCancel

 

4.开始追踪

- (BOOL)beginTrackingWithTouch:(UITouch *)touch withEvent:(nullable UIEvent *)event {

 

 UITouch 触摸对象。指代触摸。（简单的理解为触摸在屏幕上的手指）

 

 获取触摸所在视图上的点

 CGPoint touchPoint = [touch locationInView:self.superview];

 NSLog(@"%@", NSStringFromCGPoint(touchPoint));

 

 

 TouchEvent-----UIControlTouchUpDown

 TouchDown

 NSLog(@"开始追踪触摸");

 return YES;

}

 

5.继续追踪

- (BOOL)continueTrackingWithTouch:(UITouch *)touch withEvent:(nullable UIEvent *)event {

 获取触摸所在视图上的点

 CGPoint touchPoint = [touch locationInView:self];

 NSLog(@"%@", NSStringFromCGPoint(touchPoint));

 

 if (touchPoint.x > self.bounds.size.width || touchPoint.y > self.bounds.size.height) {

  NSLog(@"触摸点在外部");

 }

 //TouchDrag

 

// NSLog(@"继续追踪触摸");

 

 return YES;

}

 

6.结束追踪

- (void)endTrackingWithTouch:(nullable UITouch *)touch withEvent:(nullable UIEvent *)event {

 // 获取触摸所在视图上的点

 CGPoint touchPoint = [touch locationInView:self];

 NSLog(@"%@", NSStringFromCGPoint(touchPoint));

 // 判断一个触摸点是否在矩形区域内

 if (touchPoint.x > self.bounds.size.width || touchPoint.y > self.bounds.size.height) {

  NSLog(@"UIControlEventTouchUpOutside");

  

  // 可以在恰当的时机发送valueChange

  [self sendActionsForControlEvents:UIControlEventTouchUpOutside];

 }

 // TouchUp

 NSLog(@"结束追踪触摸");

}

7.取消追踪

- (void)cancelTrackingWithEvent:(nullable UIEvent *)event {

 // TouchCancel

 NSLog(@"失去焦点");

}

 

 

  UITextField

 

1.外框风格

 textField.borderStyle = UITextBorderStyleRoundedRect;

2.设置或者获取输入框内容

// textField.text = @"hello";

3.设置字体大小及其居中

 textField.font = [UIFont systemFontOfSize:28];

 textField.textAlignment = NSTextAlignmentCenter;

4.输入提示

 textField.placeholder = @"请输入手机号";

5.是否支持清除按钮

 /*

  * UITextFieldViewModeNever, ------ 永远不出现

  * UITextFieldViewModeWhileEditing, ------当编辑的时候出现

  * UITextFieldViewModeUnlessEditing -----当结束编辑时出现

  * UITextFieldViewModeAlways ----- 一直出现

  */

 textField.clearButtonMode = UITextFieldViewModeUnlessEditing;

 6.编辑之前清除

textField.clearsOnBeginEditing = YES;

7.安全输入

// textField.secureTextEntry = YES;

8.设置右下角return 类型

 textField.returnKeyType = UIReturnKeyDone;

9.是否可用

// textField.enabled = NO;

10.给输入框添加动作

 [textField addTarget:self action:@selector(textEditing:) forControlEvents:UIControlEventEditingDidBegin];

11.设置输入框的代理

 textField.delegate = self;

12.代理方法

- (void)textEditing:(UITextField *)tf {

 NSLog(@"开始编辑");

}

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField {

 

 NSLog(@"将要开始编辑");

 return YES;

}

- (void)textFieldDidBeginEditing:(UITextField *)textField {

 

 NSLog(@"已经开始编辑");

}

- (BOOL)textFieldShouldEndEditing:(UITextField *)textField {

 

 NSLog(@"将要结束编辑");

 return YES;

}

- (void)textFieldDidEndEditing:(UITextField *)textField {

 

 NSLog(@"已经结束编辑");

}

- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string {

 

 // 新内容所在的位置---长度为0

 NSLog(@"range :%@", NSStringFromRange(range));

 

 // 新输入的内容

 NSLog(@"string :%@", string);

 

 

 if (range.location <= 10) {

  return YES;

 }

 // 如果返回NO的话，字符内容不发生变化。依然会接受

 return NO;

}

- (BOOL)textFieldShouldClear:(UITextField *)textField {

 return YES;

}

 

- (BOOL)textFieldShouldReturn:(UITextField *)textField {

 

 // 模拟应用效果

 // 用户点击返回按钮，收起键盘/发送消息

 [textField resignFirstResponder];

 NSLog(@"%@", textField.text);

 return YES;

}

- (void)didReceiveMemoryWarning {

 [super didReceiveMemoryWarning];

 

}

 

UIAlertView

 

1.UIAlertView的创建

   *

   * @param Title 标题

   * @param Message 文本提示信息

   * @param delegate 代理----

   * @param cancelTitle 取消按钮标题

   * @param otherTitle 其他按钮标题

 

 UIAlertView
* alertView = [[UIAlertView alloc] initWithTitle:@"小明要上课"
message:@"小明上课迟到了" delegate:self cancelButtonTitle:@"什么事都没有"
otherButtonTitles:@"罚站", nil];

 

2. UIAlertViewStyleDefault

// UIAlertViewStyleSecureTextInput,

// UIAlertViewStylePlainTextInput,

// UIAlertViewStyleLoginAndPasswordInput

 

alertView.alertViewStyle = UIAlertViewStylePlainTextInput;

 

 [alertView show];

3.* UIAlertController的初始化

  *

  * @param Title 标题内容

  * @param Message 提示文本信息

  * @param UIAlertControllerStyle 弹窗显示样式

  */

 UIAlertController
* alertView = [UIAlertController alertControllerWithTitle:@"定位信息"
message:@"您没有开启GPS定位，请前往设置开启"
preferredStyle:UIAlertControllerStyleAlert];

 

 // handle --- 处理

 // 弹窗按钮

 UIAlertAction
* alertAction1 = [UIAlertAction actionWithTitle:@"确定"
style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull
action) {

  NSLog(@"确定按钮点击");

 }];

 

 UIAlertAction
* alertAction2 = [UIAlertAction actionWithTitle:@"取消"
style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull
action) {

  NSLog(@"取消按钮点击");

 }];

 

 

 UIAlertAction
* alertAction3 = [UIAlertAction actionWithTitle:@"用户不知道点什么"
style:UIAlertActionStyleDestructive handler:^(UIAlertAction * _Nonnull
action) {

  NSLog(@"瞎点了一个按钮");

 }];

 

 

 // 弹窗按钮要起作用一定要添加到alertController

 [alertView addAction:alertAction1];

 [alertView addAction:alertAction2];

 // [alertView addAction:alertAction3];

 

 [self presentViewController:alertView animated:YES completion:nil];

 

UISlider

 

 

1. 添加事件----一定要手动滑动滑块

 [slider addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventValueChanged];

 

 

 2. 设置最小值和最大值（歌曲 总时长：3:20 = 3 * 60 + 20）

 slider.minimumValue = 0;

 slider.maximumValue = 200; // 假设总时长是200

 

 [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(playAction:) userInfo:slider repeats:YES];

 

 

3.自定义滑块

 // 左右轨迹，大头针

 slider.minimumTrackTintColor = [UIColor cyanColor];

 slider.maximumTrackTintColor = [UIColor blackColor];

 

 // 设置轨迹图片

// [slider setMinimumTrackImage:<#(nullable UIImage *)#> forState:UIControlStateNormal];

// [slider setMaximumTrackImage:<#(nullable UIImage *)#> forState:<#(UIControlState)#>]

 

 slider.thumbTintColor = [UIColor redColor];

 // 设置大头针图片

 [slider setThumbImage:[UIImage imageNamed:@"Star-Gold"] forState:UIControlStateNormal];

 

 

 

   模态页面

 

1.调用方法模态呈现界面

  * @param UIViewControll 将要呈现的视图控制器页面

  * @param animated 弹出效果是否有动画

  * @param completion 完成之后的回调

  */

// presentViewController:<#(nonnull UIViewController *)#> animated:<#(BOOL)#> completion:<#^(void)completion#>

 

2.弹出方式

UIModalTransitionStyleCoverVertical 垂直弹出

 UIModalTransitionStyleFlipHorizontal 水平翻转

 UIModalTransitionStyleCrossDissolve 渐入渐出

 UIModalTransitionStylePartialCurl 竖直翻页

 

3.模态页面的消失

         [self dismissViewControllerAnimated:YES completion:nil];

 

 

 

 

    导航控制器的创建

 

1.设置不同视图控制器页面的导航栏标题,一定要有导航控制器来管理

 self.title = @"设置";

 

2.push使用导航控制器 弹出下一级页面

 [self.navigationController pushViewController:vc animated:YES];

 

3.返回导航控制器上一级页面

 [self.navigationController popViewControllerAnimated:YES];

 

 

 

 

 

 

   UINavigationBar

 

1.  每一个导航控制器有一个导航栏

 

  导航控制器可以管理N个子控制器

 

  每一个自控制器都有一个相对于的导航项(UINavigationItem)

 

 每一页面导航栏的内容， 由导航项决定

 

自定义导航栏----iOS6.0,iOS7.0高度不同

 

 7.0之后高度是64. 20 + 44

 

 7.0之前导航栏是不透明的，iOS7.0之后导航栏是半透明

 

2. 自定义视图

 UIButton * leftButton = [UIButton buttonWithType:UIButtonTypeCustom];

 leftButton.frame = CGRectMake(0, 0, 44, 44);

 [leftButton setBackgroundImage:[UIImage imageNamed:@"134859qtpkqk5tgcwnzpzt.jpg"] forState:UIControlStateNormal];

 创建出来的button需要转化成导航栏适用UIBarButtonItem

 UIBarButtonItem * leftItem1 = [[UIBarButtonItem alloc] initWithCustomView:leftButton];

 设置导航栏左侧按钮

self.navigationItem.leftBarButtonItem = leftItem;

self.navigationItem.leftBarButtonItem = leftItem1;

 self.navigationItem.leftBarButtonItems = @[leftItem, leftItem1];

• ---

3.设置导航栏右侧按钮

 实际上不是视图，是导航栏上的一块内容，可以绑定不同的视图和动作

 self.navigationItem.rightBarButtonItem

 

4.获取导航栏

 UINavigationBar * bar = self.navigationController.navigationBar;

 使用backgroundColor设置没有效果

 

5.设置导航栏的背景颜色

                             bar.barTintColor = [UIColor magentaColor];

 

6.  tintColor设置导航栏上子控件的默认内容颜色

                             bar.tintColor = [UIColor whiteColor];

 

7. // 设置导航栏样式，默认时：状态栏会是黑色

 // black时：状态栏是白色

                             bar.barStyle = UIBarStyleBlack;

 

 

8. 导航栏7.0之后默认是半透明，我们可以通过设置导航栏是否透明，改变controller.view的起点

                                bar.translucent = NO;

 

 

  标签栏

1.自定义标签栏之前，首先要将系统自带的按钮删除，然后在自己创建

    for (UIView * subView in self.tabBar.subviews) {

      [subView removeFromSuperview];

     }

2.设置背景图片，tabBar自带的 属性，可以帮我们设置大小和和位置还有父视图

     self.tabBar.backgroundImage = [UIImage imageNamed:@"navbg"];

3.自定义多个按钮需要利用for循环来循环创建

 

 

 

 

 滑动视图

 

1.创建滑动视图

     UIScrollView * scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0,     0,         414, 300)];

 2.设置内容尺寸，只设置滑动方向

     scrollView.contentSize = CGSizeMake(3 * 414, 0);

3.利用for循环来创建，如果视图的位置超出了scrollView.contentSize范围，视图依旧加载，但是用户不能滑到相应位置，上面需要添加显示的内容

 

4.设置分页效果     scrollView.pagingEnabled = YES;

 

5.设置水平和垂直滚动条

     scrollView.showsHorizontalScrollIndicator = NO;

     scrollView.showsVerticalScrollIndicator = NO;

6.获取滑动视图内容的偏移量，用 Point 表示位置，实际是内容偏移的X Y轴

         scrollView.contentOffset

7.签订代理   scrollView.delegate = self;

 

8.已经滑动方法

 

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {

 

 CGPoint point = scrollView.contentOffset;

获取偏移量

 NSLog(@"当前偏移量 ：%@", NSStringFromCGPoint(point));

}

 

   页码控件 

 

1.页码控件的创建

self.pageCtrl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, kScreenHeight - 20.0, kScreenWidth, 20.0)];

 2.页码数  

    self.pageCtrl.numberOfPages = 5;

3.当前选中页面

     self.pageCtrl.currentPage = 0;

4.未选中点颜色

 ·    self.pageCtrl.pageIndicatorTintColor = [UIColor blueColor];

5.当前点的颜色

     self.pageCtrl.currentPageIndicatorTintColor = [UIColor redColor];

6.将要结束滑动

 

-
(void)scrollViewWillEndDragging:(UIScrollView *)scrollView
withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint
*)targetContentOffset NS_AVAILABLE_IOS(5_0) {

 

 // 目标偏移量

 CGPoint point = *targetContentOffset;

 

 // 当前页面数 = 当前偏移量 / 屏幕宽度

 NSInteger pageNum = point.x / kScreenWidth;

 

 // 将页码控件的当前页面值设为计算后的值

 self.pageCtrl.currentPage = pageNum;

}

 

7.滑动视图已经停止减速

//- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {

// NSLog(@"滑动停止,处于静止状态");

// 

// // 当前偏移量

// CGPoint point = scrollView.contentOffset;

//

// // 当前页面数 = 当前偏移量 / 屏幕宽度

// NSInteger pageNum = point.x / kScreenWidth;

//

// // 将页码控件的当前页面值设为计算后的值

// self.pageCtrl.currentPage = pageNum;

}

8.如果需要无线滑动，需要在左右两边各多方一张图片，然后通过改变偏移量来改变滑动位置，内容一般写在已经滑动或者减速结束之后里面

 

  内边距问题

 

1.系统自动帮我调整了scrollView中视图内容的位置，不设置的话，视图会乡下移动64个像素。将导航栏设置为不透明效果，可以解决自动向下偏移内边距的问题

      self.automaticallyAdjustsScrollViewInsets = NO;

2.控制器四周延伸布局

     self.edgesForExtendedLayout = UIRectEdgeNone;

3.内边距偏移量不对的问题，只会出现在UIScrollView及其子类上

 问题原因：导航栏占据了64个像素，导航栏是半透明效果，并且融入了状态栏

 

 

图片的缩放

 

1.首先签订协议，然后创建手势

    UITapGestureRecognizer * tapGes = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGestureAction:)];

 

2.设置点击次数

     tapGes.numberOfTapsRequired = 2;

3. 添加相对应的手势操作，设置手势的依赖视图

     [self.scrollView addGestureRecognizer:tapGes];

 

4.手势的方法

- (void)tapGestureAction:(UITapGestureRecognizer *)tap {

 

 // 设置缩放倍数

// self.scrollView.zoomScale = 2.0;

 

 if (self.scrollView.zoomScale > 1.0) {

// self.scrollView.zoomScale = 1.0;

  [self.scrollView setZoomScale:1.0 animated:YES];

 } else if (self.scrollView.zoomScale < 1.0) {

// self.scrollView.zoomScale = 1.0;

  [self.scrollView setZoomScale:1.0 animated:YES];

 } else {

// self.scrollView.zoomScale = 2.0;

  [self.scrollView setZoomScale:2.0 animated:YES];

 }

 

5.指定将要缩放的视图是对应的imageView

    - (nullable UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {

 

 return [self.view viewWithTag:101];

}

 

 

 

  UITableView

 

1.创建UITableView的时候使用initWithFrame:style:

 // 风格是必须要设置

 // 默认状态创建出来的tableView

 // 使用plain是可以显示很多格子(假格子)

 // 如果使用group风格，那么视图的背景颜色会发生变化，并且默认没有格子显示

UITableView * tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];

 

2.想要对单元格进行操作，需要设置数据源协议

     tableView.dataSource = self;

3.单元格事件都和代理相关

 tableView.delegate = self;

 

4.指定组数，在group情况下，你有几组TableView，默认情况下，组数为1

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

 

 return 1;

}

 

5.指定每一组单元格的行数

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

 

 return 10;

}

 

6.实现每一行的单元格

// 返回单元格，返回NSIndexPath所指向位置的单元格

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

 

// UITableViewCell * cell = [[UITableViewCell alloc] init];

 

 // 简单的实现，暂时不考虑复用问题

 UITableViewCell * cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];

 

 cell.backgroundColor
= [UIColor colorWithRed:arc4random_uniform(255) / 255.0
green:arc4random_uniform(255) / 255.0 blue:arc4random_uniform(255) /
255.0 alpha:1];

 

 // indexpath：每一次都会指定单元格的位置，返回单元格的方法会回调多次，使indexPath位置不同

  // indexPath.section // 组索引

  // indexPath.row // 行索引

 // 设置第3行和第10行的单元格颜色为黑

 if (indexPath.row == 2 || indexPath.row == 9) {

// cell.backgroundColor = [UIColor blackColor];

 }

 

 // 自带的textLabel就可以显示文字

 cell.textLabel.text = [NSString stringWithFormat:@"这是第%ld行", indexPath.row];

 // 自带的图片，效果会顶满整个cell

 cell.imageView.image = [UIImage imageNamed:@"134859qtpkqk5tgcwnzpzt.jpg"];

 

 return cell;

 

}

 

7.点击单元格触发代理方法，根据indexPath参数可以判断点击的单元格是哪一个

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {

 

 if (indexPath.row == 2) {

  NSLog(@"第3行被点了");

 } else {

 

  NSLog(@"我被点了");

 }

}

 

8.设置表视图顺序的索引，显示索引名称，比如联系人后面的字母

- (nullable NSArray<NSString *> *)sectionIndexTitlesForTableView:(UITableView *)tableView {

 

 return self.provincesArray;

}

 

9.UITableView的组头和组尾标题

// 这里的字符串是表视图加载的时候回全部加载，注意：数组越界

- (nullable NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {

 return self.provincesArray[section];

}

- (nullable NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section {

return section；

}

 

10.如果使用新的复用方法，在tableView创建的时候就要注册单元格

 

  @param Class 将要复用的单元格类，这个类只能是UITableViewCell及其子类

   @param Identifier 复用标示

11.只要需求单元格，就会调用这个方法

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

 

 // 重复创建单元格的话，如果有100个单元格，那么需要创建100次

// [[UITableViewCell alloc] initWithStyle: reuseIdentifier:nil]

 

 // 使用可复用的单元格，让表视图去复用池中查询 是否有可用的单元格，如果复用池中有可复用的单元格，就直接返回。如果没有，则自己创建新的单元格

// UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"cell-01"];

// NSLog(@"row %ld .tag : %ld",indexPath.row, cell.tag);

// 

// 

// if (!cell) {

// cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell-01"];

// }

 

 

 // iOS新的复用单元格方法

 UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"cell-01" forIndexPath:indexPath];

 

 cell.tag = indexPath.row + 1;

 cell.textLabel.text = [NSString stringWithFormat:@"%ld", indexPath.row];

 

 return cell;

}

 

12.对于组头视图而言，一定要给TableView的组头规定高度

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {

 // *******没有使用复用头视图进行创建********

 

// if (section == 0) {

// // 在组头视图中，返回的视图不需要设置大小

// UIView * view = [[UIView alloc] init];

// view.backgroundColor = [UIColor redColor];

//  

//
UIScrollView * scrollView = [[UIScrollView alloc]
initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width,
150)];

// scrollView.contentSize = CGSizeMake(5 * [UIScreen mainScreen].bounds.size.width, 0);

// [view addSubview:scrollView];

//  

//  

// for (int i = 0; i < 5; i++) {

//
UIImageView * imageView = [[UIImageView alloc]
initWithFrame:CGRectMake(i * [UIScreen mainScreen].bounds.size.width, 0,
[UIScreen mainScreen].bounds.size.width, 150)];

// imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"%d", i]];

// [scrollView addSubview:imageView];

// }

//  

//  

//  

// return view;

// } else if (section == 1) {

// return nil;

// } else {

// return nil;

// }

 

13.可以根据section参数，对不同的组头高度进行设置

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {

 　　if (section == 0) {

 　　　　 return 150;

 　　} else if (section == 1) {

 　　　　 return 300;

　　 } else {

 　　　　 return 0;

　　 }

}

 

  UITableView和Cell的常用属性

 

 

1.当直接使用UITableViewController时，系统会自动帮我们添加数据源协议和代理协议，并且设置代理对象为self。同时，系统默认帮我添加了一些方法

 

2.对tableView进行的设置是相对全局设置，所有的都会遵循  行高

  self.tableView.rowHeight = 100;

 

3.设置背景图片

 

UIImageView * imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"100.jpg"]];

 self.tableView.backgroundView = imageView;

 

使用颜色将图片进行展示

// self.tableView.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"100.jpg"]];

 

 

4.分割线的颜色

 

 self.tableView.separatorColor = [UIColor redColor];

 

5.None：没有分割线 singleLine：单行 singleLineEtched：虚线                       self.tableView.separatorStyle = UITableViewCellSeparatorStyleSingleLine;

 

6.分割线只能够左右调整

 self.tableView.separatorInset = UIEdgeInsetsMake(1, 3, 50, 10);

 

7.表视图的头视图

 // 表头和组头不一样，必须要设置frame大小

 UIView * view1 = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 0, 150)];

 view1.backgroundColor = [UIColor purpleColor];

 self.tableView.tableHeaderView = view1;

 

8.cell背景图    cell.backgroundView = imageView;

 

 

9.选中风格

cell.selectionStyle = UITableViewCellSelectionStyleNone;

 

10.cell选中背景图  如果设置了选中样式为none，那么选中图片也不会有显示

 UIImageView * imageViewSelected = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"tableCell_common_tapped"]];

 cell.selectedBackgroundView = imageViewSelected;

 

11.单元格的辅助视图

 

   UITableViewCellAccessoryNone,

      UITableViewCellAccessoryDisclosureIndicator--向右箭头

   UITableViewCellAccessoryDetailDisclosureButton--详情按钮

   UITableViewCellAccessoryCheckmark,--对勾

 

cell.accessoryType = UITableViewCellAccessoryDetailDisclosureButton

 

12.选中单元格

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {

 

}

 

 

13.辅助视图button 方法

 

- (void)tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath {

 

 NSLog(@"第%ld行的按钮", indexPath.row);

 

 // 获取对应的cell

 UITableViewCell * cell = [tableView cellForRowAtIndexPath:indexPath];

 // 更改单元格上的辅助视图

// cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

 

}

14.想要针对不同的单元格设置不同的单元格高度

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {

 

 if (indexPath.row == 0) {

  return 10;

 } else if (indexPath.row == 3){

  return 150;

 } else {

  return 100;

 }

 

}

 

编辑模式

 

 

1.是否允许用户在编辑模式下进行选中单元格操作

 self.tableView.allowsSelectionDuringEditing = YES;

 

2.多选

self.tableView.allowsMultipleSelectionDuringEditing = YES;

 

3.是否开启编辑模式

 [self.tableView setEditing:sender.selected animated:YES];

 

 

4.改变编辑风格

 

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {

 

 return UITableViewCellEditingStyleDelete;

}

 

5.单元格数目变化，在这个方法里面完成

// 自带向左轻扫手势，会弹出删除，向左滑动会弹出删除

-
(void)tableView:(UITableView *)tableView
commitEditingStyle:(UITableViewCellEditingStyle)editingStyle
forRowAtIndexPath:(NSIndexPath *)indexPath {

 

 if (editingStyle == UITableViewCellEditingStyleDelete) {

  // 开始tableView内容的更新，需要和结束方法成套的使用，有开始更新就一定要有结束更新（否则不会产生效果），在方法之间的更新，一定要更新数据源

  [tableView beginUpdates];

  

  // 1.改变数据源

  [self.mutableArr removeObjectAtIndex:indexPath.row];

  

  // 2.改变界面元素---》对表视图中的数据进行刷新

  [tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];

  

 

  

  [tableView endUpdates];

 } else if (editingStyle == UITableViewCellEditingStyleInsert) {

 

  

 }

}

 

6.复写此方法，可以直接移动单元格，对单元格重新排序

-
(void)tableView:(UITableView *)tableView
moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath
toIndexPath:(NSIndexPath *)destinationIndexPath {

 

}

 

 

UICollectionView

 

1创建UICollectionView

  layout：布局.

 
      UICollectionView * collectionView = [[UICollectionView alloc]
initWithFrame:self.view.bounds collectionViewLayout:layout];

2.UICollectionViewLayout这个类只是一个基类，只提供方法和属性，但是不提供布局信息

 UICollectionView Layout * layout = [[UICollectionViewLayout alloc] init];

 // 流水布局 一般采用流水布局

UICollectionViewFlowLayout * layout = [[UICollectionViewFlowLayout alloc] init];

3.设置单元格大小

layout.itemSize = CGSizeMake(44, [UIScreen mainScreen].bounds.size.height);

4.每行的间距

// layout.minimumLineSpacing = 1;

 // 每个单元格之间的间距

// layout.minimumInteritemSpacing = 1;

5.设置滑动方向

 layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;

6.集合视图 跟表视图一样都要注册 

[collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:cellID];

7.collectionView同样需要数据源方法来提供单元格

 collectionView.dataSource = self;

 collectionView.delegate = self;

8.组数的设置

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {

 return 20;

}

9.- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {

 

 // 在collectionView中，对复用更加的强调，我们一定要使用复用单元格的方法来进行复用,并且是使用新方法来进行复用，我们一定要进行单元格的注册

// UICollectionViewCell * cell = [[UICollectionViewCell alloc] init];

 UICollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:cellID forIndexPath:indexPath];

 

 

 cell.backgroundColor = [UIColor greenColor];

 

 return cell;

}