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

原创 2015年07月10日 09:36:56

vfl   ---visual formmatting language---可视化格式语言纯代码的编码

V:|-20-[view(80)]-20-|   V(垂直方向)距离上边边20,高度80,下边边20

H:|-20-[view(80)]-20-|   H(水平方向)距离左边边20,宽度80,右边边20


//

//  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 *view=[[UIView alloc] init];

    view.backgroundColor=[UIColor blueColor];

    [self.view addSubview:view];

    

    

    //

    view.translatesAutoresizingMaskIntoConstraints=NO;

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

    

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

    

    [self.view addConstraints:arrH];

    [self.view addConstraints:arrV];

}


- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}


@end





iOS界面布局之三——纯代码的autoLayout及布局动画 iOS8及VFL语言

http://my.oschina.net/u/2340880/blog/524089 目录[-] iOS界面布局之三——纯代码的autoLayout及布局动画 一、引言 二、了解一个类 ...
  • jeffasd
  • jeffasd
  • 2015年12月29日 18:05
  • 611

ios开发UI基础—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局

原文地址:http://www.cnblogs.com/wendingding/p/3761730.html ios开发UI基础—使用纯代码自定义UItableviewcell实现一个简单的微博...

iOS开发UI基础—24使用纯代码自定义UItableviewcell实现一个简单的微博界面布局

ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局 一、实现效果   二、使用纯代码自定义一个tableview的步骤 1.新建一个继承自UIT...

ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局

ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局 一、实现效果   二、使用纯代码自定义一个tableview的步骤 1.新建...

ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局

一、实现效果   二、使用纯代码自定义一个tableview的步骤 1.新建一个继承自UITableViewCell的类 2.重写initWithStyle:reuse...
  • tik11
  • tik11
  • 2015年03月11日 10:55
  • 309

ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局

一、实现效果   二、使用纯代码自定义一个tableview的步骤 1.新建一个继承自UITableViewCell的类 2.重写initWithStyle:reuse...

iOS开发之UI基础--纯代码自定义UItableviewcell实现一个简单的微博界面布局

纯代码自定义UItableviewcell实现一个简单的微博界面布局 一、使用纯代码自定义一个tableview的步骤 1.新建一个继承自UITableViewCell的类 2....
  • l_511
  • l_511
  • 2015年09月07日 00:11
  • 840

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

原文来自于:http://blog.csdn.net/pucker/article/details/45093483 本系列第一篇文章介绍了自动布局的基本原理,第二篇通过一个简单的例子演示了如何...
  • ffblog
  • ffblog
  • 2015年05月18日 18:10
  • 384

iOS 纯代码VFL动态布局

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

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

本系列第一篇文章介绍了自动布局的基本原理,第二篇通过一个简单的例子演示了如何使用IB以可视化方式创建自动布局约束,第三篇使用代码直接创建NSLayoutConstraint实例来定义自动布局约束。本篇...
  • pucker
  • pucker
  • 2015年04月17日 15:53
  • 20058
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS编程 界面布局 纯代码 VFL编写和添加
举报原因:
原因补充:

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