美文网首页
UIStackView 的注意事项

UIStackView 的注意事项

作者: 在知识的海洋里溺水身忘的小不懂 | 来源:发表于2020-12-23 11:29 被阅读0次

UIStackView 是非常方便的自动布局控件,但是有个大坑,可能就我自己不知道

  • 下面这段代码是可以正常显示的
        let stackView = UIStackView(frame: self.view.bounds)
        stackView.backgroundColor = .white
        stackView.axis = .vertical
        stackView.distribution = .equalSpacing
        stackView.alignment = .center
        self.view.addSubview(stackView)
        
        for _ in 0...5 {
            let label = UILabel()
//            label.frame.size = CGSize(width: 200, height: 100)
            label.text = "jjkkkjkjkjk"
            label.backgroundColor = .red
            stackView.addArrangedSubview(label)
        }

然鹅

  • 这样就不行了, stackView 一片空白
        let stackView = UIStackView(frame: self.view.bounds)
        stackView.backgroundColor = .white
        stackView.axis = .vertical
        stackView.distribution = .equalSpacing
        stackView.alignment = .center
        self.view.addSubview(stackView)
        
        for _ in 0...5 {
            let label = UILabel()
//            label.frame.size = CGSize(width: 200, height: 100)
//            label.text = "jjkkkjkjkjk"
            label.backgroundColor = .red
            stackView.addArrangedSubview(label)
        }

总结(经过测试并我瞎猜,相关代码就不上了)

  • stackView 是容器,设置内部子控件 size 需要使用约束
  • stackView 里面对 label 做了 sizeToFit() 操作
  • stackView 如果需要空白占位,请用 UILabel,并设置 text 为 “ ”,就 ok 了

相关文章

  • UIStackView 的注意事项

    UIStackView 是非常方便的自动布局控件,但是有个大坑,可能就我自己不知道 下面这段代码是可以正常显示的 ...

  • 【UIKit】UIStackView

    UIStackView UIStackView : UIViewiOS 9.0 基于 Flexbox 思想的布局方...

  • iOS9 新特新介绍

    一. UIStackView 新控件:UIStackView 栈视图, 类似AppleWatch的Group 父类...

  • StackView

    我的博客, 各位看官有时间赏光 UIStackView UIStackView介绍 随着autolayout的推广...

  • UIStackView的应用

    UIStackView的定义 UIStackView控件有两种,横向布局和纵向布局 Axis:设置UIStackV...

  • UIStackView 初探(译)

    UIStackView 用于在列或行中布局视图集合的线性接口。 UIStackView 概览 UIStackVie...

  • UIStackView的妙用

    UIStackView简介 UIStackView是iOS 9+支持的布局控件,主要用于线性布局,可以简化布局,减...

  • iOS9新特性UIStackView

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

  • UIStackView简单理解和使用

    一、UIStackView简介 UIStackView是iOS9中新增的API,类似于Android中的线性布局。...

  • iOS UIStackView

    简介 UIStackView是iOS 9 的新增控件,唯一的作用就是帮助布局 本文会详细介绍UIStackView...

网友评论

      本文标题:UIStackView 的注意事项

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