Swift - UIStackView

最新推荐文章于 2025-05-15 10:26:41 发布

原创最新推荐文章于 2025-05-15 10:26:41 发布 · 700 阅读

1 ·

CC 4.0 BY-SA版权

本文深入探讨Swift中的UIStackView，介绍如何使用它来创建动态、响应式的用户界面。内容涵盖UIStackView的基本概念、排列方向、约束设置以及在不同场景下的应用实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import UIKit

class ViewController: UIViewController{
    //创建一个UIStackView类型的变量
    var stackView:UIStackView!
    override func viewDidLoad() {
        super.viewDidLoad()
        //创建三个View视图
        let viewA = UIView()
        let viewB = UIView()
        let viewC = UIView()
        //设置其颜色
        viewA.backgroundColor = .blue
        viewB.backgroundColor = .black
        viewC.backgroundColor = .orange
        //初始化stackView
        stackView = UIStackView(arrangedSubviews: [viewA,viewB,viewC])
        stackView.frame = CGRect(x: 150, y: 250, width: 300, height: 300)
        //设置UIStackView内View的排列：横向或纵向
        stackView.axis = NSLayoutConstraint.Axis.horizontal
        //设置UIStackView内View对齐方式
        stackView.alignment = UIStackView.Alignment.fill
        //设置UIStackView内View沿axis排列的布局规则
        stackView.distribution = UIStackView.Distribution.fillEqually
        //设置UIStackView内View之间的间距
        stackView.spacing = 10
        //设置UIStackView背景颜色
        stackView.backgroundColor = UIColor.blue
        //添加到视图中
        self.view.addSubview(stackView)
        //单个调整View的间距
        let view = stackView.arrangedSubviews[0]
        stackView.setCustomSpacing(30, after: view)
        //添加View
        let viewD = UIView()
        viewD.backgroundColor = .green
        stackView.insertArrangedSubview(viewD, at: 3)
        //删除View
        let RemoveView = stackView.arrangedSubviews[2]
        stackView.removeArrangedSubview(RemoveView)
        
    }

}