自定義視圖
自定義視圖：系統(tǒng)標(biāo)準(zhǔn)UI之外胯究，自己組合而出的新的視圖稍计。
自定義視圖的優(yōu)點(diǎn):
iOS提供了很多UI組件，借助它們我們可以實(shí)現(xiàn)不同的功能裕循。盡管如此臣嚣，實(shí)際開(kāi)發(fā)中净刮，我們還需自定義視圖。積累自己的代碼庫(kù),方便開(kāi)發(fā)茧球。自己封裝的視圖庭瑰，能像系統(tǒng)UI控件一樣星持，用于別的項(xiàng)目中抢埋，能大大降低開(kāi)發(fā)成本，提高開(kāi)發(fā)效率督暂。
高質(zhì)量代碼的特點(diǎn):可復(fù)用,可移植,精煉等揪垄。(高內(nèi)聚,低耦合)
自定義視圖步驟
根據(jù)需求的不同，自定義視圖繼承的類也有所不同逻翁。一般自定義的視圖會(huì)繼承于UIView饥努。以下是自定義視圖的要點(diǎn)：
創(chuàng)建一個(gè)UIView子類 ：@interface LTView : UIView
在類的初始化方法中添加子視圖。
[self addSubview:_leftLabel];
[self addSubview:_rightField]八回；
類的.h文件提供一些接口（方法）酷愧，便于外界操作子視圖。
@property(nonatomic, retain)UILabel *leftLabel;//左側(cè)label
@property(nonatomic, retain)UITextField *rightField;//右側(cè)文本框
此時(shí)的LTView就變成了一個(gè)具有l(wèi)abel和textField的視圖了缠诅。
LTView的理解
把Label和Textfield封裝到LTView中溶浴，在一定程度上簡(jiǎn)化了我們的代碼。
往往我們需要對(duì)LTView中的Label或者Textfield進(jìn)行一定的控制管引，比如：設(shè)置Label 的text士败，獲取Textfield的text，給Textfield指定delegate褥伴，設(shè)置textColor等谅将。
為了方便外界操作Label和Textfield，因此我們要將這兩個(gè)屬性聲明在.h文件里重慢。
//創(chuàng)建LTView對(duì)象
LTView *usernameView = [[LTView alloc]initWithFrame:CGRectMake(40,
100, 300, 50)];
usernameView.leftLabel.text = @"用戶名:";
usernameView.rightField.placeholder = @"請(qǐng)輸入用戶名";
[usernameView.rightField becomeFirstResponder];
[backView addSubview:usernameView];//backView是LTView添加到的父視圖
[usernameView release];
下面舉個(gè)小例子 把倆個(gè)filed 封裝在一個(gè)View上
第一步在.h中定義屬性饥臂，方便外界訪問(wèn)
#import <UIKit/UIKit.h>
@interface MyInPutView : UIView
@property (nonatomic , retain) UITextField * usernameFiled;
@property(nonatomic,retain) UITextField * passwordFiled;
@end
第二步在.m 文件中具體封裝
#import "MyInPutView.h"
@interface MyInPutView ()<UITextFieldDelegate>
@end
@implementation MyInPutView
-(instancetype)initWithFrame:(CGRect)frame{
self = [super initWithFrame:frame];
if (self) {
UIImageView *userNameImageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"icon_username.png"] highlightedImage:[UIImage imageNamed:@"icon_username_select.png"]];
userNameImageView.frame = CGRectMake(0, 0, 40, 40);
userNameImageView.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.8f]; self.usernameFiled = [[UITextField alloc]initWithFrame:CGRectMake(0, 0, self.frame.size.width, frame.size.height/2-1)];
self.usernameFiled .backgroundColor =[UIColor colorWithRed:0 green:0 blue:0 alpha:0.3];
self.usernameFiled.leftView = userNameImageView;
self.usernameFiled.leftViewMode = UITextFieldViewModeAlways;
self.usernameFiled.delegate =self;
[self addSubview:self.usernameFiled];
UIImageView *passwordImageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"icon_password.png"] highlightedImage:[UIImage imageNamed:@"icon_password_select.png"]];
passwordImageView.frame = CGRectMake(0, 0, 40, 40);
passwordImageView.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.8f];
self.passwordFiled =[[UITextField alloc]initWithFrame:CGRectMake(0, self.usernameFiled.frame.size.height+2, self.usernameFiled.frame.size.width, self.usernameFiled.frame.size.height)]; self.passwordFiled .backgroundColor =[UIColor colorWithRed:0 green:0 blue:0 alpha:0.3f];
self. passwordFiled.leftView = passwordImageView;
self. passwordFiled.leftViewMode = UITextFieldViewModeAlways;
self.passwordFiled .delegate =self;
[self addSubview:self.passwordFiled];
}
return self ;
}
-(void)textFieldDidBeginEditing:(UITextField *)textField{
UIImageView * leftView = (UIImageView *)textField.leftView;
leftView.highlighted = YES;
}
-(void)textFieldDidEndEditing:(UITextField *)textField{
UIImageView * leftView = (UIImageView *)textField.leftView;
leftView.highlighted = NO;
}
@end
第三步在.min 中調(diào)用分裝的View
#import "ViewController.h"
#import "MyInPutView.h"
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
MyInPutView *myInputView = [[MyInPutView alloc]initWithFrame:CGRectMake(40, 100, self.view.frame.size.width-40*2,82)];
myInputView.layer .cornerRadius =8.0f;//給myInputView設(shè)置圓角
myInputView.layer.masksToBounds =YES;//在myInputView上添加，不能超出圓角
[self.view addSubview:myInputView];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
