不同UIStackView的子视图之间的等高约束
创始人
2025-01-09 19:36:08
0

要实现不同UIStackView的子视图之间的等高约束,可以使用Auto Layout来实现。以下是一个使用代码示例的解决方法:

首先,创建多个UIStackView,并将它们添加到父视图中:

// 创建父视图
let containerView = UIView()
containerView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(containerView)

// 创建第一个UIStackView
let stackView1 = UIStackView()
stackView1.translatesAutoresizingMaskIntoConstraints = false
stackView1.axis = .vertical
containerView.addSubview(stackView1)

// 创建第二个UIStackView
let stackView2 = UIStackView()
stackView2.translatesAutoresizingMaskIntoConstraints = false
stackView2.axis = .vertical
containerView.addSubview(stackView2)

// 建立父视图和子视图的约束
containerView.topAnchor.constraint(equalTo: view.topAnchor, constant: 20).isActive = true
containerView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20).isActive = true
containerView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20).isActive = true
containerView.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20).isActive = true

// 建立第一个UIStackView的约束
stackView1.topAnchor.constraint(equalTo: containerView.topAnchor).isActive = true
stackView1.leadingAnchor.constraint(equalTo: containerView.leadingAnchor).isActive = true
stackView1.trailingAnchor.constraint(equalTo: containerView.trailingAnchor).isActive = true

// 建立第二个UIStackView的约束
stackView2.topAnchor.constraint(equalTo: stackView1.bottomAnchor, constant: 20).isActive = true
stackView2.leadingAnchor.constraint(equalTo: containerView.leadingAnchor).isActive = true
stackView2.trailingAnchor.constraint(equalTo: containerView.trailingAnchor).isActive = true
stackView2.bottomAnchor.constraint(equalTo: containerView.bottomAnchor).isActive = true

然后,创建每个UIStackView的子视图,并添加到对应的UIStackView中:

// 创建第一个UIStackView的子视图
let label1 = UILabel()
label1.translatesAutoresizingMaskIntoConstraints = false
label1.text = "Label 1"
stackView1.addArrangedSubview(label1)

let label2 = UILabel()
label2.translatesAutoresizingMaskIntoConstraints = false
label2.text = "Label 2"
stackView1.addArrangedSubview(label2)

// 创建第二个UIStackView的子视图
let button1 = UIButton()
button1.translatesAutoresizingMaskIntoConstraints = false
button1.setTitle("Button 1", for: .normal)
stackView2.addArrangedSubview(button1)

let button2 = UIButton()
button2.translatesAutoresizingMaskIntoConstraints = false
button2.setTitle("Button 2", for: .normal)
stackView2.addArrangedSubview(button2)

这样就实现了不同UIStackView的子视图之间的等高约束。子视图的高度将根据其中最高的子视图自动调整。

相关内容

热门资讯

教程辅助!闲逸辅助软件下载苹果... 教程辅助!闲逸辅助软件下载苹果,四川熊猫辅助软件视频,详细插件(发现有挂)一、闲逸辅助软件下载苹果游...
传递经验!八闽福建辅助,开心庄... 传递经验!八闽福建辅助,开心庄园脚本辅助器,详细软件(有挂讲解)1、开心庄园脚本辅助器透视辅助软件激...
科技通报!堆金城陕西辅助器,朋... 您好,朋朋政和510k辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】...
玩家必看!多乐辅助app,拼十... 玩家必看!多乐辅助app,拼十辅助器,详细插件(有挂讲解)拼十辅助器能透视中分为三种模型:拼十辅助器...
推荐十款!授权二厅辅助,决战十... 推荐十款!授权二厅辅助,决战十水三辅助,详细教程(有挂教程)1、让任何用户在无需决战十水三辅助安装教...
玩家攻略推荐!潮汕掌上娱破解,... 玩家攻略推荐!潮汕掌上娱破解,途游辅助软件网站,详细教程(果真有挂)1、操作简单,无需途游辅助软件网...
技术分享!江西中至科技,打两圈... 技术分享!江西中至科技,打两圈怀疑有外挂,详细软件(有挂讲解)1、金币登录送、破产送、升级送、活动送...
我来教大家!玫瑰大厅辅助,乐乐... 我来教大家!玫瑰大厅辅助,乐乐围棋入门脚本,详细工具(详细教程)1、操作简单,无需乐乐围棋入门脚本手...
玩家亲测!超级三加一视频,八闽... 玩家亲测!超级三加一视频,八闽掌上十八卦脚本,详细器(有挂存在)1、用户打开应用后不用登录就可以直接...
关于!哥哥打大a辅助,微信微乐... 关于!哥哥打大a辅助,微信微乐辅助透视,详细技巧(有挂头条)1、微信微乐辅助透视破解器简单,微信微乐...