自定义 UIView
一、纯代码方式自定义UIView
1、新建ParkHomeHead.h、ParkHomeHead.m 并且继承自UIView
2、初始化并且设置数据
3、更新布局，获取准确的位置信息、layoutIfNeeded
二、Xib方式自定义UIView
一、纯代码方式自定义UIView
1、新建ParkHomeHead.h、ParkHomeHead.m 并且继承自UIView
（1）ParkHomeHead.h
#import <UIKit/UIKit.h> @class HomeMenuModel; NS_ASSUME_NONNULL_BEGIN typedef enum :NSUInteger{ //1、绑定车辆 HomeOrderStateBind, //2、为其他人缴费 HomeOrderStateOtherOrder, //3、有一个订单界面 HomeOrderStateOrederOne, //4有多个订单页面 HomeOrderStateOrderRMany, } HomeOrderState; @interface ParkHomeHead : UIView //布局类型1、绑定车辆 2、为其他车辆缴费 3、有一个订单界面、4有多个订单页面 @property (nonatomic, assign)NSInteger type; @property (nonatomic, strong) HomeMenuModel *model; @end
（2）ParkHomeHead.m
@interface ParkHomeHead() @property(nonatomic,strong,readwrite) UIView *spView; @end @implementation ParkHomeHead //初始化并且添加到父控件中 - (instancetype)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { self.spView=[[UIView alloc]init]; [self addSubview:self.spView]; } return self; } //设置控件位置、布局 - (void)layoutSubviews{ [self.spView mas_makeConstraints:^(MASConstraintMaker *make) { make.top.mas_equalTo(0); make.bottom.mas_equalTo(0); make.right.mas_equalTo(0); make.left.mas_equalTo(0); }]; self.spView.backgroundColor=color_main_color; if(self.type==HomeOrderStateBind){ }else if(self.type==HomeOrderStateOtherOrder){ }else if(self.type==HomeOrderStateOrederOne){ }else if(self.type==HomeOrderStateOrderRMany){ } } //设置数据 - (void)setModel:(HomeMenuModel *)model{ _model = model; [self.lb_time setText:model.title]; } @end
2、初始化并且设置数据
@property(nonatomic,strong,readwrite) ParkHomeHead *parkHomeHead; -(void) addOrder{ self.parkHomeHead=[[ParkHomeHead alloc]init]; self.parkHomeHead.type=HomeOrderStateOrderRMany; self.parkHomeHead.model=bean; [self.view addSubview:self.parkHomeHead]; [self.parkHomeHead mas_makeConstraints:^(MASConstraintMaker *make) { make.top.mas_equalTo([self mNavigationbarHeight]); make.right.mas_equalTo(0); make.left.mas_equalTo(0); make.height.mas_equalTo(220); }]; }
3、更新布局，获取准确的位置信息、layoutIfNeeded
// 在ViewController中刷新布局 [self.view layoutIfNeeded]; //暂时不考虑 [self.view setNeedsLayout]; //自定义View中更新布局 [self layoutIfNeeded];
二、Xib方式自定义UIView
1、创建一个SingleViewApplication，命名为“xib作为子控件复用”，在项目里New File，选择Cocoa Touch Class，命名为"AAView"，点击Next，如图1所示：
2、创建一个View，在项目里面New File，选择View，点击Next，如图2所示。命名为”AAView“，点击Create，如图3所示：
3、选中AAView.xib，点击View，更改Custom Class为“AAView”（即刚才所创建的AAView.h和AAView.m文件），如图4所示。如果要修改View的大小，可以设置属性Size为 “Freeform”。
4、布局xib文件、以及使用
AAView *aaView = [[[NSBundle mainBundle] loadNibNamed:@"AAView" owner:self options:nil] lastObject]; // lastObject 可改为 firstObject，该数组只有一个元素，写哪个都行，看个人习惯。 aaView.lbName.text = @"小明"; aaView.lbAge.text = @"25"; [self.view addSubview:aaView];
三、使用xib自定义弹窗
1、新建CodeVerificationView.h、CodeVerificationView.m、以及xib关联
2、CodeVerificationView.h
#import <UIKit/UIKit.h> @class CodeVerificationView; NS_ASSUME_NONNULL_BEGIN
//协议 @protocol CodeVerificationViewDelegate <NSObject> - (void)codeCommit:(CodeVerificationView *)codeVerificationView; - (void)codeCancel:(CodeVerificationView *)codeVerificationView; @end
@interface CodeVerificationView : UIView @property (nonatomic, assign)NSInteger type; @property (nonatomic, copy) NSString *phoneNumber; @property (nonatomic, weak) id<CodeVerificationViewDelegate> dalegete; @end NS_ASSUME_NONNULL_END
3、CodeVerificationView.m
#import "CodeVerificationView.h" @interface CodeVerificationView ()<UITextFieldDelegate> @property (weak, nonatomic) IBOutlet UIImageView *image_code; @property (weak, nonatomic) IBOutlet UITextField *tf_code; @end @implementation CodeVerificationView - (void)awakeFromNib{ [super awakeFromNib]; self.tf_code.delegate = self; self.image_code.userInteractionEnabled=YES; UITapGestureRecognizer *codeGR=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(requstCode)]; [self.image_code addGestureRecognizer:codeGR]; //请求图片验证码 [self requstCode]; } #pragma mark --------- 请求验证码图片 - (void) requstCode{ NSMutableDictionary *resDic = [[NSMutableDictionary alloc] init]; [AFHttpManager getWithImageUrl:GETIMAGCODE parameters:resDic success:^(id _Nonnull responseObject) { self.image_code.image = [UIImage imageWithData:responseObject]; } failure:^(NSError * _Nonnull error) { }]; } #pragma mark --------- 验证码验证 /** 提交 */ - (IBAction)submit:(UIButton *)sender { NSString *requstUrl=@""; if(self.type==1){//注册验证 requstUrl=SENDTELCODE; }else if(self.type==2){//重置密码 requstUrl=SENDTELFORGET; }else if(self.type==3){//短信验证码登录 requstUrl=SENDDXLOGIN; } if(![CheckUtils isNull:requstUrl]||![CheckUtils isNull:self.phoneNumber]||![CheckUtils isNull:self.tf_code.text]){ showToast(@"请输入验证码"); return; } NSMutableDictionary *resDis=[[NSMutableDictionary alloc]init]; [resDis setValue:self.phoneNumber forKey:@"phoneNumber"]; [resDis setValue:self.tf_code.text forKey:@"captchaValue"]; [resDis setValue:DEVICEID forKey:@"ee"]; [AFHttpManager postWithURLString:requstUrl parameters:resDis showDialog:YES success:^(id _Nonnull responseObject) { if ([self.dalegete respondsToSelector:@selector(codeCommit:)]) { [self.dalegete codeCommit:self]; } } failure:^(NSError * _Nonnull error) { //请求图片验证码 [self requstCode]; }]; } /** 取消 */ - (IBAction)cancel:(UIButton *)sender { if ([self.dalegete respondsToSelector:@selector(codeCancel:)]) { [self.dalegete codeCancel:self]; } } #pragma mark --------- 关于textField事件 -(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString*)string { // text field 上实际字符长度 NSInteger strLength = textField.text.length - range.length + string.length; return(strLength <= 6); } //点击键盘return - (BOOL)textFieldShouldReturn:(UITextField *)textField { [self endEdit]; return YES; } //隐藏键盘 - (void)endEdit { [self.superview endEditing:YES]; } @end
4、使用
@interface RegisterViewController ()<CodeVerificationViewDelegate> @property (nonatomic, strong, readwrite) CodeVerificationView *codeVerificationView; @end @implementation RegisterViewController //显示 -(void) showCodeView{ if (self.codeVerificationView == nil) { self.codeVerificationView = [[[NSBundle mainBundle] loadNibNamed:@"CodeVerificationView" owner:nil options:nil] lastObject]; self.codeVerificationView.frame = self.view.bounds; [self.view addSubview:self.codeVerificationView]; self.codeVerificationView.dalegete = self; self.codeVerificationView.type=1; self.codeVerificationView.phoneNumber=self.tf_user.text; // self.tipsDialogView.hidden = NO; [self.view bringSubviewToFront:self.codeVerificationView]; } } //隐藏 - (void)hiddenCodeView { [self.codeVerificationView removeFromSuperview]; self.codeVerificationView = nil; } //代理确定 - (void)codeCommit:(CodeVerificationView *)codeVerificationView{ [self hiddenCodeView]; showToast(@"发送验证码成功"); self.timeCount=[[TimeCount alloc]initWithData:120 interval:1 lbView:self.lb_code]; [self.timeCount startTime]; } //代理返回 - (void)codeCancel:(CodeVerificationView *)codeVerificationView{ [self hiddenCodeView]; }
@end
