iOS 界面布局,设置约束

1. 设置控件的宽度是父视图的宽度的1/2

  • 在控件上按住ctrl,按住鼠标左键,拖动到父视图,这时出来一个选项,选中aspect
  • 在Multiplier中填上1:2 即可,其它的比例也是这样

2. 设置控件的高度是控件宽度的1/3

  • 在控件上按住ctrl,按住鼠标左键,拖向自身,选中aspect radio
  • 由于高度基于宽度,所以设置priority低于上一个约束的优先级
  • 在multiplier中设置想要的数值

3. 设置控件的距离父视图的左边距

  • 选中下方的pin
  • 点击弹出视图的最上面的四条虚线中左边,设置数据
  • 点击下面的 "add..."
  • 设置leading:屏幕宽度一半(center.x)的比例,这样,可以按照设计图的值来设置

 

4. 设置Xib属性栏中显示自定义控件的属性

IB_DESIGNABLE // 添加后可以再XIB中看到改变的图像

@interface MyImageView ()

// 设定圆角 IBInspectable
@property (nonatomic, assign)IBInspectable CGFloat cornerRadius;

@end


@implementation MyImageView

/**
 *  设定圆角
 */
- (void)setCornerRadius:(CGFloat)cornerRadius{
    _cornerRadius = cornerRadius;
    self.layer.cornerRadius  = _cornerRadius;
    self.layer.masksToBounds = YES;
}
@end

 

当然,属性可以在 .h中定义。

 

5. 代码修改约束

可以把约束拖动到代码文件中,然后进行修改。

6. 延迟加载

[self performSelector:@selector() withObject:nil afterDelay:1];

 

7. 根据文字多少,自动改变Labal字体

Autoshrink属性,可以设置字体缩放比例或者缩放到最小的字体。

 

8. 两个控件对齐

按住“ctrl”拖动向另一个控件,可选择顶部对齐、底部对齐、基线对齐等。

9. VisualFormat 

代码实现约束

posted on 2016-03-21 17:36  大木哥  阅读(2163)  评论(0编辑  收藏  举报

导航