[TwistedFate]自定义视图

LTView

自定义视图的步骤

1. 创建一个继承自UIView的类
2. 重写新类的初始化方法
3. 把想封装的视图添加封装到 新类里面(初始化到新类中)
4. 为了方便外部进行赋值取值 把添加的视图写成属性(别忘了释放内存)
5. 测试一下

自定义视图的好处

提高工作效率 大大提高代码的复用性

具体实现

自定义Label-TextField视图

创建LTView类继承自LTView

// 将要创建的控件用属性写在.h文件中@property (strong, nonatomic) UILabel *label;@property (strong, nonatomic) UITextField *textField;// 在.m文件中重写初始化方法 在初始化LTView的同时添加控件- (instancetype)initWithFrame:(CGRect)frame{    self = [super initWithFrame:frame];    if (self) {        // 获取动态高度        CGFloat height = frame.size.height;        // 获取动态宽度        CGFloat width = frame.size.width;        // 根据上面的宽度 来添加label        self.label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, width / 3, height)];        self.label.textAlignment = NSTextAlignmentCenter;        self.label.backgroundColor = [UIColor blueColor];        // 添加到自己身上        [self addSubview:self.label];        // 释放空间        [_label release];// 动态获取值构建frame可以适应任何尺寸的屏幕,并且当需求改变时,只需更改第一个控件,其余控件位置随之而改        // 初始化一个TextField        self.textField = [[UITextField alloc] initWithFrame:CGRectMake(width / 3 + 20, 0, width / 3 * 2 - 20, height)];        // 设置背景色        self.textField.backgroundColor = [UIColor greenColor];        // 添加到视图上        [self addSubview:self.textField];        // 释放空间        [_textField release];    }    return self;}

创建登陆界面LoginView利用自定义视图进行构建

// 首先引入头文件LTView.h// 在头文件中将需要的控件写成属性@property (nonatomic, retain) LTView *userNameLTView;@property (nonatomic, retain) LTView *passWordLTView;@property (nonatomic, retain) UIButton *loginButton;@property (nonatomic, retain) UIButton *registButton;@property (nonatomic, retain) UIButton *findPasswordButton;// 在.m文件中实现添加控件- (instancetype)initWithFrame:(CGRect)frame{    self = [super initWithFrame:frame];    if (self) {    // 初始化输入账户名的l - T        self.userNameLTView = [[LTView alloc] initWithFrame:CGRectMake((kScreenWidth - 300) / 2, 100, 300, 50)];        self.userNameLTView.backgroundColor = [UIColor redColor];        [self addSubview:self.userNameLTView];        [self.userNameLTView release];     // 初始化输入密码的l - T           self.passWordLTView = [[LTView alloc] initWithFrame: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)];        self.passWordLTView.backgroundColor = [UIColor redColor];        [self addSubview:self.passWordLTView];        [self.passWordLTView release];        // 循环button        for (int i = 0; i < 3 ; i++) {            UIButton *button = [UIButton buttonWithType:(UIButtonTypeCustom)];            button.frame = CGRectMake(50 + i * 100,300 , 80, 50);            button.backgroundColor = [UIColor cyanColor];            // 添加标签 方便取出button 与属性的button相对应            button.tag = i + 100;            [self addSubview:button];        }        // 属性与循环创建的button进行关联        self.loginButton = (UIButton *)[self viewWithTag:100];        self.findPasswordButton = (UIButton *)[self viewWithTag:101];        self.registButton = (UIButton *)[self viewWithTag:102];

将属性与循环创建的控件一一对应

// 除了利用tag值 还可以取出父视图上的子视图数组,利用下标进行一一对应NSArray *array = self.subviews;self.loginButton = array[2];[self.loginButton setTitle:@"登陆" forState:(UIControlStateNormal)];

在window上初始化并显示

LoginView *login = [[LoginView alloc] initWithFrame:[[UIScreen mainScreen] bounds]];    [login.loginButton setTitle:@"登陆" forState:(UIControlStateNormal)];    [login.registButton setTitle:@"注册" forState:(UIControlStateNormal)];    [login.findPasswordButton setTitle:@"找回密码" forState:(UIControlStateNormal)];    [login.loginButton setTitleColor:[UIColor redColor] forState:(UIControlStateNormal)];    [login.registButton setTitleColor:[UIColor redColor] forState:(UIControlStateNormal)];    [login.findPasswordButton setTitleColor:[UIColor redColor] forState:(UIControlStateNormal)];    [self.window addSubview:login];    [login release];

重写controller的loadView⽅法

创建⾃定义视图对象，并指定为controller的view

 LoginView *logview = [[LoginView alloc] initWithFrame:[UIScreen mainScreen].bounds];    logview.tag = 1000;    // 帮系统给self.view赋值    self.view = logview;    [logview release];