美文网首页
iOS9新特性之UIStackView

iOS9新特性之UIStackView

作者: Ariest | 来源:发表于2017-04-04 15:58 被阅读0次

iOS9在布局方面的引入新控件UIStackView,即一个容器里可以包含多个控件,分为水平和竖直排列.我们只需约束这个容器即可,而不用一个个地去约束容器内的控件.而且这个容器是可以嵌套的.
如果你接触过Watch开发,UIStackView有点像其中的Group控件
一个简单的例子:

- (void)viewDidLoad {
    [super viewDidLoad];
   
    UIStackView *stackView01=[[UIStackView alloc] initWithFrame:CGRectMake(20, 260, 330, 80)];
    
    stackView01.axis=UILayoutConstraintAxisHorizontal;
    stackView01.distribution=UIStackViewDistributionFillProportionally;
    stackView01.spacing=10;
    [self.view addSubview:stackView01];
    
    UIImageView *imageView=[[UIImageView alloc] initWithFrame:CGRectMake(0,0, 80, 50)];
    imageView.image=[UIImage imageNamed:@"hotpot"];
    [stackView01 addArrangedSubview:imageView];
    
    UIStackView *stackView02=[[UIStackView alloc] initWithFrame:CGRectMake(0, 0, 260, 80)];
    stackView02.axis=UILayoutConstraintAxisVertical;
    stackView02.spacing=10;
    [stackView01 addArrangedSubview:stackView02];
    
    UILabel *titleLabel=[[UILabel alloc] init];
    titleLabel.text=@"两千斤重庆江湖菜";
    titleLabel.font=[UIFont boldSystemFontOfSize:20];
    [stackView02 addArrangedSubview:titleLabel];
    
    UIStackView *stackView03=[[UIStackView alloc] init];
    stackView03.axis=UILayoutConstraintAxisHorizontal;
    stackView03.spacing=10;
    stackView03.distribution=UIStackViewDistributionFillEqually;
    [stackView02 addArrangedSubview:stackView03];
    
    UILabel *nameLabel=[[UILabel alloc] init];
    nameLabel.textColor=[UIColor grayColor];
    nameLabel.font=[UIFont systemFontOfSize:14];
    nameLabel.text=@"五道口  川菜";
    [stackView02 addArrangedSubview:nameLabel];
    
    UIImageView *startView=[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 60, 20)];
    startView.image=[UIImage imageNamed:@"star"];
    [stackView03 addArrangedSubview:startView];
    
    UILabel *priceLabel=[[UILabel alloc] init];
    priceLabel.text=@"2271条 ¥83/人";
    priceLabel.font=[UIFont systemFontOfSize:12];
    priceLabel.textColor=[UIColor grayColor];
    [stackView03 addArrangedSubview:priceLabel];
}

相关文章

  • iOS9新特性之UIStackView

    iOS9在布局方面的引入新控件UIStackView,即一个容器里可以包含多个控件,分为水平和竖直排列.我们只需约...

  • iOS-UIStackView浅析

    一、UIStackView简介 概念:一个堆叠视图的容器,iOS9的新特性。 用途:StackView及其子视图会...

  • iOS9新特性-UIStackView

    该文章属于<简书 — 刘小壮>原创,转载请注明: <简书 — 刘小壮> http://www.jianshu.co...

  • iOS9新特性UIStackView

    概述 UIStackView是iOS9中新增的API,类似于Android中的线性布局。UIStackView提供...

  • iOS UIStackView

    一、UIStackView简介 概念:一个堆叠视图的容器,iOS9的新特性。用途:StackView及其子视图会自...

  • 2.1 布局之StackLayout(栈布局)

    1.介绍 1.1 基础 对于了解iOS9新特性的人来说,这个很好理解,相当于iOS里面的UIStackView,你...

  • iOS9之UIStackView

    iOS9之UIStackView 苹果在iOS9新增了一个简易的布局控件UIStackView,它是一个基于 Au...

  • iOS - UIStackView的使用

    UIStackView 在iOS9中苹果在UIKit框架中引入了一个新的视图类UIStackView。UIStac...

  • UIStackView详解

    1. 概念 苹果在iOS9中UIKit框架引入一个新的视图类UIStackView:UIStackView视图 管...

  • UIStackView介绍

    ios9之后增加了新的布局神器UIStackView,首先我们先介绍一下UIStackView的常用属性,然后我们...

网友评论

      本文标题:iOS9新特性之UIStackView

      本文链接:https://www.haomeiwen.com/subject/glxzottx.html