自定义UI的基本结构

自定义UI的基本结构

  • .h文件
@protocol TRIPHotelXXXViewDelegate <NSObject>
- (void)actionA;
@end
 
@interface TRIPHotelXXXView : UIView
 
@property (nonatomic,weak) id <TRIPHotelXXXViewDelegate> delegate;
+ (instancetype)xxxView:(NSDictionary *)info width:(CGFloat)width;
@end
  • .m文件
@implementation TRIPHotelXXXView{
    //  类变量
}
 
- (void)dealloc{
    //  内存释放
    SafeSuperDealloc(super);
}
 
- (id)initWithFrame:(CGRect)frame{
    self = [super initWithFrame:frame];
     
    if (self) {
        //  变量初始化
    }
     
    return self;
}
 
- (void)layoutSubviews{
    [super layoutSubviews];
     
    CGFloat y = 0.0;
 
    // 子View的布局,y动态调整
 
    // 更新自定义UI的高度
    CGRect rect = self.frame;
    rect.size.height = y;
    self.frame = rect;
}
 
+ (instancetype)xxxView:(NSDictionary *)info width:(CGFloat)width;{
    // 用view的数据及父view的宽度定义并初始化一个UI
    TRIPHotelXXXView *view = [[TRIPHotelXXXView alloc] initWithFrame:CGRectMake(0, 0, width, 0)];
    [view updateViewWithInfo:info];
 
    return view;
}
 
- (void)updateViewWithInfo:(NSDictionary *)info{
    // view本身的数据填充
 
    // 重新布局子View
    [self layoutSubviews];
}
 
#pragma mark - Action
- (void)onSomeActionHappened:(id)sender{
    if (_delegate && [_delegate respondsToSelector:@selector(actionA)]) {
        [_delegate actionA];
    }
}

结构分析

  1. 数据准备好之前view已从原父view移除,并置为nil,之后进行UI的定义、初始化、添加到父view
  2. 必要之时,可将updateViewWithInfo:方法作为外部接口,在数据更新后也更新view的布局
  3. 自定义view由众多子view组成,高度动态调整,但也可以在初始化的时候置为定值,然后在固定高度的view中布局子view
  4. 可扩展性较强,可随时更具需求调整子view及布局
  5. 向外部提供delegate接口,根据业务在外部执行相应的动作
  6. 结构清晰

posted on 2015-10-12 20:10  恒山之阳  阅读(237)  评论(0编辑  收藏  举报

导航