UI 自定义视图 ,视图管理器

时间:2024-11-17 18:04:49
一>自定义label - textField 视图
  • 自定义视图:系统标准UI之外,自己组合而出的新的视图
  • iOS 提供了很多UI组件 ,借助它们,我们可以做各种程序
  • 尽管如此,实际开发中,我们还需要自定义视图.积累自己的代码库,方便开发.自己封装的视图,能像系统UI控件一样,用于比别的项目中,能大大降低开发成本,提高开发效率.
——————>自定义视图的步骤
  • 根据需求的不同,自定义视图继承的类也有所不同,一般自定义的视图会继承于UIView ,以下是自定义视图的要点:
  • 1>创建一个UIView子类
  • 2>在类的初始化方法中添加子类图
  • 3>类的.h文件提供一些接口(方法 ) ,便于外界操作子视图
———————>label - textField 视图
  • 假设我们使用LTView 类代表label - textfield 视图
  • 我们创建一个LTView 类继承与UIView
// 创建一个view类继承与UIView ,声明一些属性变量 用于外界接口用
#import <UIKit/UIKit.h>

@interface LTView : UIView

//接口 方便外部操作
@property(nonatomic,retain)UILabel *label;
@property(nonatomic,retain)UITextField *textField;
//按钮接口
@property(nonatomic,retain)UIButton *button;
@end
  • 我们将LTView 作为一个容器 ,在LTView 的初始化方法中创建并添加label 和textField
//在view实现文件中初始化( 固定写法 ) 在初始化中 创建并添加label 和 textField
#import "LTView.h"

@implementation LTView

//固定初始化方法
-(id)initWithFrame:(CGRect)frame
{
    //frame 要重写
    self = [super initWithFrame:frame];
   
    if( self  )
    {
          [self addAllViews];
    }
    return self;

}
//自己写的方法
-(void)addAllViews
{
    _label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 60, 30)];
    _label.backgroundColor = [UIColor blueColor];
    [self addSubview:_label];
//    _label.text = @"QQ";
//    _label.textAlignment =NSTextAlignmentCenter;
   
    _textField = [[UITextField alloc] initWithFrame:CGRectMake(CGRectGetMaxX(_label.frame)+20, CGRectGetMinY(_label.frame), CGRectGetWidth(_label.frame)+100, CGRectGetHeight(_label.frame))];
    _textField.backgroundColor = [UIColor greenColor];
    [self addSubview:_textField];

}

@end

  • 此时的LTView 就变成了一个具有label 和textField 的视图了
//然后再  AppDelegate .m 中  ,利用我们创建的LTView 类创建它的实例对象/
——————>LTView 控制
  • 把label 和 Textfield 封装到LTView 中 ,在一定程度上简化了我们代码
  • 往往我们需要对LTView 中的label 或者textfield进行一定的控制,比如:设置label的text ,获取Textfield 的 text ,给Textfield 指定delegate ,设置textColor ...
  • 为了方便外界操作label和Textfield ,因此我们要为外界提供一些方法
———>小节 :
  • 自定义LTView 使用了一种设计模式:复合设计模式
  • 复合设计模式: A类中,使用B类(或者更多类) 作为自己的成员(实例变量)
  • iOS中复合是特别常见的设计模式,ios新控件往往都是自己已有控件组合而成的
二>视图控制器指定自定义view
  • UIViewController : 视图控制器
  • 控制视图显示,响应事件
  • 分担APPDelegate 的工作
  • 实现模块独立,提高复用性
—————>视图控制器的功能
  • 控制视图大小变换,布局视图,响应事件
  • 检测以及处理内存警告
  • 检测以及处理屏幕旋转
  • 检测视图的切换
——————>MVC 概述:
  • UIViewController : 是MVC 设计模式的核心
  • MVC是一个框架级 的设计模式
  • M 是Model ,主要用于建立数据模型( 即数据的结构 )
  • V 是View ,我们能看到的所有控件都是view ,view主要的功能是展示数据 .
  • C是控制器 ,主要是控制M和V的通信
  • 是用MVC 系统的可维护型 ,可扩展性增强
———————> 使用视图控制器
  • 定以UIViewController 的子类  ———> RCViewController
  • 创建视图控制器对象 ,作为window的根视图控制器
  • 在viewDidload 中 使用默认创建好的视图对象view
//1>
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    self.window.backgroundColor = [UIColor whiteColor];
    [_window makeKeyAndVisible];

//2>创建视图控制器
    RCViewController *rcc = [[RCViewController alloc] init];
    //首先我们window自带了一个视图控制器也就是根视图控制器
   
   
    //3>将我们创建的rcc 代替我们的跟视图器 (rootViewController)

    self.window.rootViewController = rcc;
—————————>视图控制器指定自定义view
                              为什么使用自定义视图类呢??
  • UIViewController 自带一个空的view,与需求不符合
  • 视图控制器只负责控制视图显示,响应事件
                                如何显示??
  • 自定义视图类继承UIView ,在初始化方法中添加子视图控件
  • 重写controller 的 loadView 方法,创建自定义视图对象,并指定为controller 的view
  • 将子视图控件对象设置为自定义视图类的属性, 在viewDidLoad 方法中进行设置:添加action ,设置delegate...
  • 在controller 中添加按钮点击事件实现和代理方法的实现
三>检测屏幕旋转
视图控制器本身能检测到屏幕的旋转,如果要处理屏幕旋转,需要重写几个方法:
  • 1> supportedInterfaceOrientations  —> 设置设备支持旋转的方向
  • 2>willRotate( 旋转  ) ToInterfanceOrientations : duration(时间 ) :  —> 暂停音乐 ,关闭视图交互....
  • 3> willAnimate( 使…有活气 ) ROtation ToInterfanceOrientation : duration : ——> 添加自定义动画....
  • 4>did RotateFromInterfaceOrientation : ——> 播放音乐,打开视图交互...
——————>视图处理
  • 注意视图控制器会自动调整view 的大小以适应屏幕旋转 ,bounds 被修改,触发view 的layoutSubviews方法
  • view重写layoutSubviews方法 ,根据设备方向,重新布局
  • [UIApplication  share( 分配 )Application ] .status( 状态 )BarOrientation 提供设备当前方向
四>处理内存警告
控制器能监测内存警告 ,以便我们避免内存不够引起的crash 
在定义的controller子类中重写didReceive(接收) MemoryWarning 方法  
释放暂时不适用的资源( 数据对象,图像 .. ) ,
把不要的视图都放到这里释放 :
//程序内存超过了应用程序规定的法值就会执行 (程序)
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    //可以打印看 ,可以吧不要的视图放在这里面就释放掉了
    NSLog(@"%s,%d",__FUNCTION__,__LINE__);
    // Dispose of any resources that can be recreated.
}
五>容器视图控制器
———>常用方法
  • self . view 显示 : viewWillAppear : 和 viewDidAppear :
//视图将要出现
-(void)viewWillAppear:(BOOL)animated
{
    //要用父类的调用
    [super viewWillAppear:animated];
    NSLog(@"%s,%d",__FUNCTION__,__LINE__);
}
//视图已将出现
-(void)viewDidAppear:(BOOL)animated
{

[super viewDidAppear:animated];
    NSLog(@"%s,%d",__FUNCTION__,__LINE__);

}
  • self . view 消失 : viewWillDisapper : 和 viewDIdDisapper :
//视图将要消失
-(void)viewWillDisappear:(BOOL)animated
{

[super viewWillDisappear:animated];
    NSLog(@"%s,%d",__FUNCTION__,__LINE__);
}
//视图已经消失
-(void)viewDidDisappear:(BOOL)animated
{
    [super viewDidDisappear:animated];
    NSLog(@"%s,%d",__FUNCTION__,__LINE__);

}
  • 当self .view 添加到父视图上时, 执行appear 方法 ,当self.view 从父视图上移除是,会执行 disappear 方法
————> 演示执行顺序
1>定义FirstViewController ,SecondViewController 类 , first 作为window 的根视图控制器 ,
2>将SecondViewController 的view 添加到FirstViewController 的view 上
3> 将SecondViewController 的view 移除 ———/>SecondViewController :第二个视图控制器
4>查看SecondViewController  中4个方法的执行顺序
——> 总结 :
iOS 提供了很多标准组件 ,标准组件完成我们的需要,但是适当的封装 ,组合一个新的控件无疑能给我们带来效率上的提高,
视图控制器是MVC 中的C ,用于处理视图触发的事件,
处理旋转和内存呢警告