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

原创 2015年07月10日 10:20:50

//

//  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]-20-|" options:0 metrics:nil views:@{@"redview":redview}];

    

    [self.view addConstraints:redViewH];

    

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

    

    [self.view addConstraints:redViewV];

                                                                                                                        

    

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

    

    [self.view addConstraints:blueViewH];

    

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

    [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
  • 20356

iOS VFL 语法详细

http://www.jianshu.com/p/757cc57fd9ea VFL(Visual Format Language) ps:看这篇文章之前最好先对约束有点了解,如果不了解...
  • jeffasd
  • jeffasd
  • 2016年08月12日 18:12
  • 546

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

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

iOS 自动布局 VFL

搜教程,满世界都是,没有一个讲得透彻的。例子空洞。你们就只会3个控件横向布局对法? 浑浑噩噩看了多篇。有了点总结。槽不多吐了。简单讲讲。 零. Autolayout,开始...
  • WUWUWEIWEILONGLONG
  • WUWUWEIWEILONGLONG
  • 2015年01月12日 11:57
  • 530

iOS学习之VFL实现自动布局

坚持 成长 每日一篇VFL可以实现快速添加多条约束,掌握VFL可以很方便的用存代码布局我们的App界面 VFL常用的情况: [view1]-100-[view2]:约束两个视图距离为100. H...
  • u014410695
  • u014410695
  • 2015年11月12日 12:35
  • 495

iOS 纯代码VFL动态布局

其实已经有很多介绍VFL的文章,但在这里我也想记录下自己的理解,给需要的朋友一点帮助,如有错误,欢迎指出。 与VFL很重要的两个很重要的方法是: 1、 /* format: 是VFL字符串。 opts...
  • u013762988
  • u013762988
  • 2015年08月12日 14:36
  • 639

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

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

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

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

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

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

OC和Swift纯代码进行Autolayout布局

OC中纯代码进行Autolayout布局    /*      利用 NSLayoutConstraint 类创建具体的约束对象;      添加约束对象到相应的 view 上,代码有这两种...
  • iOSbird
  • iOSbird
  • 2017年09月21日 16:24
  • 541
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS编程 界面布局 纯代码 VFL编写和添加 上下两个view
举报原因:
原因补充:

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