不同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.新海贝之城脚本 选牌创建新账号...
4分钟指引!杭麻圈辅助工具(外... 4分钟指引!杭麻圈辅助工具(外挂)其实是真的有辅助方法(哔哩哔哩)1、全新机制【杭麻圈辅助工具ai辅...
第5分钟演示!浙江茶园辅助(外... 第5分钟演示!浙江茶园辅助(外挂)都是是真的有辅助app(哔哩哔哩)1、游戏颠覆性的策略玩法,独创攻...
三分钟举措!上饶中至能操控吗(... 三分钟举措!上饶中至能操控吗(外挂)好像一直都是有辅助软件(哔哩哔哩)1、让任何用户在无需上饶中至能...
两分钟法子!新天道能不能开挂(... 两分钟法子!新天道能不能开挂(外挂)总是是有辅助教程(哔哩哔哩)1、让任何用户在无需新天道能不能开挂...
三分钟要领!玖玖互娱辅助工具(... 三分钟要领!玖玖互娱辅助工具(外挂)真是存在有辅助脚本(哔哩哔哩)三分钟要领!玖玖互娱辅助工具(外挂...
8分钟手段!wepoker私人... 8分钟手段!wepoker私人局辅助器(外挂)确实有辅助技巧(哔哩哔哩)运wepoker私人局辅助器...
2分钟步骤!科乐游戏辅助脚本视... 2分钟步骤!科乐游戏辅助脚本视频(外挂)原来是真的有辅助插件(哔哩哔哩)1、任何科乐游戏辅助脚本视频...