iOS编程 界面布局 纯代码 VFL编写和添加 左右两个view,按比例设置大小

原创 2015年07月10日 10:32:33

//

//  ViewController.m

//  vfl-0710

//

//  Created by tianshangrenjian on 15/7/10.

//  Copyright © 2015 tianshangrenjian. All rights reserved.

//


#import "ViewController.h"


@interface ViewController ()


@end


@implementation ViewController


- (void)viewDidLoad {

    [super viewDidLoad];

    // Do any additional setup after loading the view, typically from a nib.

    

    UIView *blueView=[[UIView alloc] init];

    blueView.backgroundColor=[UIColor blueColor];

    

    UIView *redview=[[UIView alloc] init];

    redview.backgroundColor=[UIColor redColor];

    

    [self.view addSubview: redview];

    [self.view addSubview:blueView];

    

    

    //

    blueView.translatesAutoresizingMaskIntoConstraints=NO;

    redview.translatesAutoresizingMaskIntoConstraints=NO;

    

    NSArray *redViewH=[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-20-[redview(==blueView)]-20-[blueView]" options:0 metrics:nil views:@{@"redview":redview,@"blueView":blueView}];

    

    [self.view addConstraints:redViewH];

    

    NSArray *redViewV=[NSLayoutConstraint constraintsWithVisualFormat:@"V:[redview(80)]-20-|" options:0 metrics:nil views:@{@"redview":redview}];

    

    [self.view addConstraints:redViewV];

                                                                                                                        

    

    NSArray *blueViewH=[NSLayoutConstraint constraintsWithVisualFormat:@"H:[redview]-20-[blueView(==redview)]-20-|" options:0 metrics:nil views:@{@"redview":redview,@"blueView":blueView}];

    

    [self.view addConstraints:blueViewH];

    

    NSArray *blueViewV=[NSLayoutConstraint constraintsWithVisualFormat:@"V:[blueView]-20-|" options:0 metrics:nil views:@{@"blueView":blueView,@"redview":redview}];

    

    

    NSLayoutConstraint *c=[NSLayoutConstraint constraintWithItem:blueView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:redview attribute:NSLayoutAttributeHeight multiplier:0.5 constant:0];

    

    

    

    [self.view addConstraint:c];

    [self.view addConstraints:blueViewV];

    

    

    

   

    

}


- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}


@end


iOS 8 Auto Layout界面自动布局系列4-使用VFL添加布局约束

本系列第一篇文章介绍了自动布局的基本原理,第二篇通过一个简单的例子演示了如何使用IB以可视化方式创建自动布局约束,第三篇使用代码直接创建NSLayoutConstraint实例来定义自动布局约束。本篇...
  • pucker
  • pucker
  • 2015年04月17日 15:53
  • 20368

iOS 自动布局实现四等分且宽高比例是1:1

https://my.oschina.net/daguoshi/blog/509926 摘要: 今天朋友发消息过来让我帮其写个demo,我看了下效果图,也就是要实现一个四等分的布局且宽高...
  • klkxxy
  • klkxxy
  • 2017年06月18日 23:30
  • 716

iOS一套代码适配所有iPhone手机布局实现方案

iOS一套代码适配所有iPhone手机布局实现方案 本帖主要是讲述一套代码适配所有iPhone手机布局解决方案。要点是了解原理和思想。 多个项目采用了这种布局方式,感觉良好,实际情况还...
  • SMoothiemiss
  • SMoothiemiss
  • 2017年12月06日 15:56
  • 1354

iOS自动布局高级用法 && 纯代码约束写法

新同事问我代码约束问题,我发现自己竟有点遗忘··· 赶紧找找“干货”学习学习,为将来铺路。。。 /****************分割线****************/ 本文主要介绍几个我遇到的...
  • u012265444
  • u012265444
  • 2016年07月06日 11:43
  • 6072

iOS编程 界面布局 纯代码 VFL编写和添加 左右两个view,按比例设置大小

// //  ViewController.m //  vfl-0710 // //  Created by tianshangrenjian on 15/7/10. /...
  • woshidaniu
  • woshidaniu
  • 2015年07月10日 10:32
  • 978

iOS用VFL语言实现屏幕适配

iOS用VFL语言实现屏幕适配
  • qq_23299581
  • qq_23299581
  • 2015年05月31日 14:33
  • 418

iOS编程 界面布局 纯代码 VFL编写和添加 左右两个view

// //  ViewController.m //  vfl-0710 // //  Created by tianshangrenjian on 15/7/10. /...
  • woshidaniu
  • woshidaniu
  • 2015年07月10日 10:24
  • 284

iOS编程 界面布局 纯代码 VFL编写和添加

vfl   ---visual formmatting language---可视化格式语言纯代码的编码 V:|-20-[view(80)]-20-|   V(垂直方向)距离上边边20,高度80,下...
  • woshidaniu
  • woshidaniu
  • 2015年07月10日 09:36
  • 302

VFL-自动布局

VFL全称是Visual Format Language,翻译成中文是“可视化格式语言”,VFL是苹果公司为了简化Autolayout的编码而推出的抽象语言 VFL的使用: + (NSArra...
  • dxt332311385
  • dxt332311385
  • 2016年03月30日 11:30
  • 114

ios 6 屏幕适配的两种方式

方式一 是通过xib方式进行设置屏幕适配      才会出现此界面       如果不想那么方向不需要改变那么你就把当前的方向点击为实线,需要改变的为虚线, 这样就可以实现屏幕适配了  里面正方形与 ...
  • u011043997
  • u011043997
  • 2013年09月01日 14:00
  • 1623
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS编程 界面布局 纯代码 VFL编写和添加 左右两个view,按比例设置大小
举报原因:
原因补充:

(最多只允许输入30个字)