美文网首页
UIScrollView-的自动布局

UIScrollView-的自动布局

作者: 冷武橘 | 来源:发表于2020-04-16 18:18 被阅读0次

一、scrollView的位置确定

scrollView位置的计算还是通过其约束进行计算的

    UIScrollView *scrollview = [[UIScrollView alloc]init];
    scrollview.delegate = self;
    [self.view addSubview:scrollview];
    [scrollview mas_makeConstraints:^(MASConstraintMaker  *make) {
         make.left.right.equalTo(self.view);
         make.height.equalTo(@300);
    }];

二、scrollView的contentSize确定

    UIView *yellowView = [[UIView alloc]init];
    [scrollview addSubview:yellowView];
    yellowView.backgroundColor = [UIColor yellowColor];
    [yellowView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.width.equalTo(@100);
        make.height.equalTo(@500);
        make.top.left.equalTo(scrollview).offset(50);
             make.bottom.equalTo(scrollview.mas_bottom).offset(100);
    }];

scrollView滚动内容大小由子控件的约束计算获得,对于yellowView的约束一方面决定了自己的frame,另一方面影响着contentsize的宽、高。yellowView的height决定了自身的高度,top+heigheight+bottom共同决定了contentsize的竖直滚动范围。而width+left 不能确定contentsize的水平滚动范围,视为0。因此scrollView的contentsize为CGSizeMake(0, 450)

相关文章

  • UIScrollView-的自动布局

    一、scrollView的位置确定 scrollView位置的计算还是通过其约束进行计算的 二、scrollVie...

  • 【OC梳理】自动布局

    自动布局基础篇 关于自动布局的基本使用,参考网上的文章即可,如:iOS开发-自动布局篇:史上最牛的自动布局教学! ...

  • iOS开发之 自动布局

    iOS开发之自动布局AutoLayout 目录: 1 iOS自动布局简介2 iOS自动布局AutoLayout(代...

  • iOS 布局方案

    布局方案 绝对布局 自动布局

  • 初见FLEX

    FLEX布局 一种新的布局方式,flex布局 flex布局与方向无关 flex布局可以实现空间自动分配、自动对齐。...

  • 通过storyboard来自动布局ScrollView(不依靠代

    在做自动布局之前首先大家都知道一个自动布局,自动布局在我理解就是为了适配任何的屏幕。每一个控件的自动布局都是为了确...

  • 最轻巧的自动布局--ZXPAutoLayout框架

    最轻巧的自动布局--ZXPAutoLayout框架 最轻巧的自动布局--ZXPAutoLayout框架

  • Flex——告别CSS布局

    Flex 布局可以实现空间自动分配、自动对齐Flex 适用于简单的线性布局,复杂布局使用 Grid 布局注意:设为...

  • IOS开发 自动布局子视图

    本节学习内容: 1.自动子视图布局的概念 2.自动布局视图的创建 3.自动布局子视图的实现 【ViewContro...

  • iOS原生布局简介

    自动布局核心公式 自动布局构造函数 自动布局类函数 VFL可视化格式语言 H 水平方向 V 垂直方向 | 边界 [...

网友评论

      本文标题:UIScrollView-的自动布局

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