IOS不用AutoLayout也能實現自動佈局的類(2)----MyFrameLayout 框架佈局

咱們知道，在IOS中咱們要想進行視圖的各方向的停靠，須要用到autoresizingMask，以及不停的計算應該停靠的位置，也就是計算frame中的x,y,width,height，這樣大量的編碼致使計算繁瑣並且容易出錯，所以我這裏推出了另外新的佈局模式MyFrameLayout。這個佈局能夠讓子視圖實現左中右，上中下，填充等功能的佈局，同時還能夠設置停靠的佈局的位置的邊距，咱們對子視圖擴展出了停靠位置的屬性：

 

@property(nonatomic,assign)MarignGravity marginGravity;

 

這個屬性用來控制子視圖停靠在MyFrameLayout的方位，這些方位能夠是以下方位的或組合：

 

    MGRAVITY_NONE  //不採用停靠模式

    MGRAVITY_HORZ_LEFT  //水平居左

    MGRAVITY_HORZ_CENTER  //水平居中

    MGRAVITY_HORZ_RIGHT  //水平居右

    MGRAVITY_HORZ_FILL  //水平填充整個佈局，視圖會有拉伸

    MGRAVITY_VERT_TOP  //垂直居上

    MGRAVITY_VERT_CENTER //垂直居中

    MGRAVITY_VERT_BOTTOM  //垂直居下

     MGRAVITY_VERT_FILL  //垂直填充整個佈局，視圖會有拉伸

    MGRAVITY_CENTER  //整個視圖居中

    MGRAVITY_FILL  //整個視圖填滿布局視圖

 

除了能夠讓子視圖停靠在佈局的方位外，還能夠指定子視圖離停靠位置的邊距，這個能夠經過擴展的視圖的四個屬性：

 

@property(nonatomic,assign)CGFloat topMargin;

@property(nonatomic,assign)CGFloat leftMargin;

@property(nonatomic,assign)CGFloat bottomMargin;

@property(nonatomic,assign)CGFloat rightMargin;

 

這四個屬性用來設置視圖離停靠位置的四個距離。同時MyFrameLayout中還提供一個padding的屬性用來控制總體的子視圖離本身的邊距。

由於這個佈局的使用比較簡單，下面直接能夠看圖：

 

 

對應的代碼以下：

 

 

[objc]  view plain copy

MyFrameLayout *fl = [[MyFrameLayout alloc] initWithFrame:self.view.bounds];
  fl.autoresizingMask =  UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
  fl.padding = UIEdgeInsetsMake(20, 20, 20, 20);
  fl.backgroundColor = [UIColor grayColor];

  //顯示全屏
  UILabel *fill = UILabel.new;
  fill.text = @"                fill";
 // fill.textAlignment = NSTextAlignmentCenter;
  fill.backgroundColor = [UIColor blueColor];
  fill.marginGravity = MGRAVITY_FILL;
  [fl addSubview:fill];



  //左右填充。
  UILabel *horzFill = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 0, 120)];
  horzFill.text = @"Horz Fill";
  horzFill.textAlignment = NSTextAlignmentCenter;
  horzFill.backgroundColor = [UIColor greenColor];
  horzFill.marginGravity = MGRAVITY_HORZ_FILL;
  [fl addSubview:horzFill];


  //左右居中
  UILabel *horzCenter = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 100, 50)];
  horzCenter.text = @"Horz Center";
  horzCenter.backgroundColor = [UIColor whiteColor];
  horzCenter.marginGravity = MGRAVITY_HORZ_CENTER;
  [fl addSubview:horzCenter];


  //左上
  UILabel *topLeft = UILabel.new;
  topLeft.text = @"topLeft";
  [topLeft sizeToFit];
  topLeft.backgroundColor = [UIColor whiteColor];
  topLeft.marginGravity = MGRAVITY_HORZ_LEFT | MGRAVITY_VERT_TOP;
  [fl addSubview:topLeft];

  //左中
  UILabel *centerLeft = UILabel.new;
  centerLeft.text = @"centerLeft";
  [centerLeft sizeToFit];
  centerLeft.backgroundColor = [UIColor whiteColor];
  centerLeft.marginGravity = MGRAVITY_HORZ_LEFT | MGRAVITY_VERT_CENTER;
  [fl addSubview:centerLeft];


  //左下
  UILabel *bottomLeft = UILabel.new;
  bottomLeft.text = @"bottomLeft";
  [bottomLeft sizeToFit];
  bottomLeft.backgroundColor = [UIColor whiteColor];
  bottomLeft.marginGravity = MGRAVITY_HORZ_LEFT | MGRAVITY_VERT_BOTTOM;
  [fl addSubview:bottomLeft];


  //中上
  UILabel *topCenter = UILabel.new;
  topCenter.text = @"topCenter";
  [topCenter sizeToFit];
  topCenter.backgroundColor = [UIColor greenColor];
  topCenter.marginGravity = MGRAVITY_HORZ_CENTER | MGRAVITY_VERT_TOP;
  [fl addSubview:topCenter];


  //中中。
  UILabel *centerCenter = UILabel.new;
  centerCenter.text = @"centerCenter";
  [centerCenter sizeToFit];
  centerCenter.backgroundColor = [UIColor greenColor];
  centerCenter.marginGravity = MGRAVITY_HORZ_CENTER | MGRAVITY_VERT_CENTER;
  [fl addSubview:centerCenter];


  //中下
  UILabel *bottomCenter = UILabel.new;
  bottomCenter.text = @"bottomCenter";
  [bottomCenter sizeToFit];
  bottomCenter.backgroundColor = [UIColor greenColor];
  bottomCenter.marginGravity = MGRAVITY_HORZ_CENTER | MGRAVITY_VERT_BOTTOM;
  [fl addSubview:bottomCenter];


  //右上
  UILabel *topRight = UILabel.new;
  topRight.text = @"topRight";
  [topRight sizeToFit];
  topRight.backgroundColor = [UIColor greenColor];
  topRight.marginGravity = MGRAVITY_HORZ_RIGHT | MGRAVITY_VERT_TOP;
  [fl addSubview:topRight];


  //右中
  UILabel *centerRight = UILabel.new;
  centerRight.text = @"centerRight";
  [centerRight sizeToFit];
  centerRight.backgroundColor = [UIColor greenColor];
  centerRight.marginGravity = MGRAVITY_HORZ_RIGHT | MGRAVITY_VERT_CENTER;
  [fl addSubview:centerRight];


  UILabel *bottomRight = UILabel.new;
  bottomRight.text = @"bottomRight";
  [bottomRight sizeToFit];
  bottomRight.backgroundColor = [UIColor greenColor];
  bottomRight.marginGravity = MGRAVITY_HORZ_RIGHT | MGRAVITY_VERT_BOTTOM;
  [fl addSubview:bottomRight];


  //居中顯示。
  UILabel *center = UILabel.new;
  center.text = @"center";
  [center sizeToFit];
  center.backgroundColor = [UIColor redColor];
  center.marginGravity = MGRAVITY_CENTER;
  center.leftMargin = 30;
  center.rightMargin = 30;
  center.topMargin = 30;
  center.bottomMargin = 30;
  [fl addSubview:center];


  [self.view addSubview:fl];

 從代碼中咱們能夠看到每一個視圖只須要設置marginGravity的對應的停靠的位置，以及設置對應的xxxMargin邊距，還有設置MyFrameLayout的padding值來設置裏面裏面的子視圖離本身的邊距。

 

 

總結：

   對於那些但願固定在某個位置的子視圖來講，咱們能夠經過將視圖加入到MyFrameLayout中來實現。