• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ios - 用虚分隔线将stackview分成三个 subview ?

[复制链接]
菜鸟教程小白 发表于 2022-12-13 15:53:04 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我正在尝试将 UIStackView 介绍分成三个单独的 subview ,并用虚线将它们分开。我知道您可以在 UIStackView 上设置间距,但据我所知,您无法将该间距更改为虚线。

基本上,我希望我的三个 subview 能够在不同的设备尺寸上正确缩放,但虚线在它们之间总是很小。为了清楚起见,我试图实现的结果如下所示:

Example image of desired UIStackView layout

希望有人能指出正确的方向,提前谢谢!



Best Answer-推荐答案


您可以将 3 个 View 限制为相等的宽度,然后添加几个限制为恒定宽度的分隔 View 。

let stackView = UIStackView()
stackView.axis = .horizontal
self.view.addSubview(stackView)

let view1 = UIView()
view1.backgroundColor = .red
stackView.addArrangedSubview(view1)

let separator1 = UIView()
separator1.backgroundColor = .black
stackView.addArrangedSubview(separator1)
separator1.widthAnchor.constraint(equalToConstant: 1).isActive = true

let view2 = UIView()
view2.backgroundColor = .green
stackView.addArrangedSubview(view2)
view2.widthAnchor.constraint(equalTo: view1.widthAnchor, multiplier: 1).isActive = true

let separator2 = UIView()
separator2.backgroundColor = .black
stackView.addArrangedSubview(separator2)
separator2.widthAnchor.constraint(equalToConstant: 1).isActive = true

let view3 = UIView()
view3.backgroundColor = .blue
stackView.addArrangedSubview(view3)
view3.widthAnchor.constraint(equalTo: view1.widthAnchor, multiplier: 1).isActive = true

关于ios - 用虚分隔线将stackview分成三个 subview ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47457233/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap