进击的KFC:UI(三)自定义视图、视图控制器

⼀、⾃定义label-textField视图
1.1⾃定义视图:系统标准UI之外,⾃⼰组合⽽出的新的视图。
iOS提供了很多UI组件,借助它们,我们可以做各种程序。
尽管如此,实际开发中,我们还需⾃定义视图。积累⾃⼰的代码库。
⽅便开发。⾃⼰封装的视图,能像系统UI控件⼀样,⽤于别的项⺫
中,能⼤⼤降低开发成本,提⾼开发效率。

1.2⾃定义视图步骤
根据需求的不同,⾃定义视图继承的类也有所不同。⼀般⾃定义的
视图会继承于UIView。以下是⾃定义视图的要点:
1、创建⼀个UIView⼦类
2、在类的初始化⽅法中添加⼦视图
3、类的.h⽂件提供⼀些接⼝(⽅法),便于外界操作⼦视图

1.3label-textField视图
假设我们使⽤LTView类代表label-textfield视图。
我们创建⼀个LTView类继承于UIView。
我们将LTView作为⼀个容器,在LTView的初始化⽅法中创建并添加
label和textField。
此时的LTView就变成了⼀个具有label和textField的视图了
这里写图片描述
主要是在LTView初始化的时候,把UILabel,和 UITextField也初始化并添加到LTView上去

- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {     
   // 用属性写:   
        // 获取动态宽度
        CGFloat width = frame.size.width;
        // 获取动态高度
        CGFloat height = frame.size.height;     
        // 需要根据上面的宽度,来添加label
        self.label = [[[UILabel alloc]initWithFrame:CGRectMake(0, 0, width / 3, height)]autorelease];
       // self.label.backgroundColor = [UIColor greenColor];
        // 添加到自己身上
        [self addSubview:self.label];

        self.textField = [[[UITextField alloc] initWithFrame:CGRectMake(width / 3 + 20, 0, width * 2 / 3 - 20, height)]autorelease];
      //  self.textField.backgroundColor = [UIColor magentaColor];
        self.textField.borderStyle = UITextBorderStyleRoundedRect;
        [self addSubview:self.textField];

    }
    return  self;
}

二,视图控制器
UIViewController
2.1视图控制器概述
UIViewController:视图控制器。
控制视图显⽰,响应事件。
分担AppDelegate的⼯作。
实现模块独⽴,提⾼复⽤性。

2.2视图控制器功能
控制视图⼤⼩变换、布局视图、响应事件。
检测以及处理内存警告。
检测以及处理屏幕旋转。
检测视图的切换。
2.3在AppDelegate.m中:设置根视图控制器

// 创建控制器
    RootViewController *rootVC = [[RootViewController alloc]init];
    // 设置根视图
    self.window.rootViewController = rootVC;
    // 释放
    [rootVC release];

2.4MVC概述
MVC是一种设计的模式,好处:让视图View可以复用
应用 1.首先 视图层(View)只写视图的布局
2.数据模型层(Model) 只写数据的结构 (直接写NS开头的)
3.控制器(Controller) 负责逻辑部分, ( 例如从Model里取数据, 然后 去更改视图显示 )
MVC把工程中的代码 模块化(降低耦合度) 尽量让 视图部分 的代码可以复用
一般一个视图控制器,控制一个页面

三、视图控制器指定⾃定义view
3.1UIViewController⾃带⼀个空的view,与需求不符合。
视图控制器只负责控制视图显⽰,响应事件
3.2如何设置?
⾃定义视图类继承UIView。在初始化⽅法中添加⼦视图控件。
重写controller的loadView⽅法。创建⾃定义视图对象,并指定为controller
的view。
将⼦视图控件对象设置为⾃定义视图类的属性,在viewDidLoad⽅法中进
⾏设置:添加action、设置delegate等等。
在controller中添加按钮点击事件实现和代理⽅法的实现。

需要记住的两个方法:
     1.添加的时候:
    self.secondVC = [[SecondViewController alloc]init];
    // 把secondVC添加成子控制器 让rootVC去管理
    [self addChildViewController:self.secondVC];
    // 把secondVC自带的.view添加到rootVC自带的.view上 (把自控制器的视图显示出来)
    [self.view addSubview:self.secondVC.view];

    2.移除的时候
      // 先移除视图
    [self.secondVC.view removeFromSuperview];
     // 再移除子视图控制器
    [self.secondVC removeFromParentViewController];

四、检测屏幕旋转

/*

 屏幕旋转
 横屏时,横屏布局
 竖屏时,竖屏布局
 步骤:
 1.允许屏幕旋转
 2.指定屏幕旋转的方向
 3.找到旋转触发的方法
 4.改变布局
 5.测试
 */
1.RootViewController.m中
// 屏幕旋转
// view重写layoutSubviews⽅法,根据设备⽅向,重新布局
// [UIApplication shareApplication].statusBarOrientation提供设备当前⽅向。

// 1.允许屏幕旋转
- (BOOL)shouldAutorotate
{
    return YES;
}

// 2.指定屏幕旋转的方向
- (NSUInteger)supportedInterfaceOrientations
{
    return UIInterfaceOrientationMaskAll;   
}

// 看一下:宽和高的互换
-(void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator
{
   NSLog(@"%@",NSStringFromCGSize(size)); // 打印旋转时,宽和高的互换 
}


2.LoginView.m中
// 重新布局子视图
// frame发生变化的时候,会触发layoutSubviews方法 (这是重点)
-(void)layoutSubviews
{
    // 因为不知道父类这个方法 做了啥
    // 所以需要先调用写一下的 先调用父类的方法
    // 然后 再写咱们自己的
    [super layoutSubviews];

    // frame发生变化,相当于横屏了,这时咱们需要重新布局
    // 判断竖屏还是横屏
    // 1.把应用程序取出来,
    // 2.判断当前应用程序屏幕的朝向

    // 取出应用程序 单例方法的命名规范share...什么
    UIApplication *app = [UIApplication sharedApplication];
    // 判断方向
    // 若为上下
    if (app.statusBarOrientation == UIInterfaceOrientationPortrait || app.statusBarOrientation ==UIInterfaceOrientationPortraitUpsideDown) {
        NSLog(@"竖着");

        // 不变,上面粘过来
        self.userNameLTView.frame = CGRectMake((kScreenWidth - 300)/ 2 , 100, 300, 50);
        self.passwordLTView.frame = CGRectMake(self.userNameLTView.frame.origin.x, self.userNameLTView.frame.origin.y + self.userNameLTView.frame.size.height +  kRowHeight, self.userNameLTView.frame.size.width, self.userNameLTView.frame.size.height);

    }else{
        NSLog(@"横着");

        // 重新设置frame,无需创建新的LTView
        self.passwordLTView.frame = CGRectMake(self.userNameLTView.frame.origin.x + self.userNameLTView.frame.size.width + 10, self.userNameLTView.frame.origin.y, self.userNameLTView.frame.size.width, self.userNameLTView.frame.size.height);

    }
}

五、处理内存警告
5.1处理内存警告
控制器能监测内存警告,以便我们避免内存不够引起的crash。
在定义的controller⼦类中重写didReceiveMemoryWarning⽅法。
释放暂时不使⽤的资源。(数据对象、图像)

// 接到内存警告
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.    
    NSLog(@"内存警告了");   
    // 释放已经被显示过的,并且不是当前显示的视图
    // (如果这个视图正在被显示,那么,这个视图的window属性不是空的)
    if ([self isViewLoaded] == YES && self.view.window == nil) { // 只有被加载过,并且不在被展示,才能呗释放
        // 把当前视图 释放
        self.view = nil;
    }
}

总结:
iOS提供了很多标准组件,标准组件完成我们的需要,但是适当的
封装,组合⼀个新的控件⽆疑能给我们带来效率上的提⾼。学会⾃
定义控件是你成为⾼⼿的关键⼀步。
视图控制器是MVC中的C,⽤于处理视图触发的事件。
处理旋转和内存警告

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值