自定义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. 结构清晰