作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试将一些必须的布局更改为无数字布局。这就是我所拥有的分段条形图,它应该位于容器 View 中,类似这样的 | - margin - 分段 - margin -|
segmentedControl.leadingAnchor.constraint(equalToSystemSpacingAfter: margins.leadingAnchor, multiplier: 1),
segmentedControl.trailingAnchor.constraint(equalToSystemSpacingAfter: margins.trailingAnchor, multiplier: 1),
我知道第二行没有任何意义,但紧接着我没有看到任何 equalToSystemSpacingBEFORE,而且我不确定如何在不依赖布局传播的情况下做到这一点。
基本上,leadingAchor 可以很好地处理这段代码,但 trailingAnchor(正如方法名称所暗示的那样)在尾随 anchor 之后添加边距,这不是我想要的。
有什么想法吗?
最佳答案
您可以相对于分段控件的 trailingAnchor 限制“容器” View 的 trailingAnchor。
这是一个简单的示例,我相信可以为您提供所需的布局:
class SysSpacingViewController: UIViewController {
let seg: UISegmentedControl = {
let v = UISegmentedControl(items: ["A", "B", "C"])
v.translatesAutoresizingMaskIntoConstraints = false
return v
}()
let cView: UIView = {
let v = UIView()
v.translatesAutoresizingMaskIntoConstraints = false
v.backgroundColor = .white
return v
}()
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = .systemYellow
cView.addSubview(seg)
view.addSubview(cView)
let g = view.safeAreaLayoutGuide
let m = cView.layoutMarginsGuide
NSLayoutConstraint.activate([
cView.topAnchor.constraint(equalTo: g.topAnchor, constant: 40.0),
cView.leadingAnchor.constraint(equalTo: g.leadingAnchor, constant: 40.0),
cView.trailingAnchor.constraint(equalTo: g.trailingAnchor, constant: -40.0),
cView.heightAnchor.constraint(equalToConstant: 70.0),
seg.leadingAnchor.constraint(equalToSystemSpacingAfter: m.leadingAnchor, multiplier: 1.0),
m.trailingAnchor.constraint(equalToSystemSpacingAfter: seg.trailingAnchor, multiplier: 1.0),
seg.centerYAnchor.constraint(equalTo: cView.centerYAnchor),
])
}
}
结果:
关于ios - 使用 equalToSystemSpacingAfter 前后边距的布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59790793/
我正在尝试将一些必须的布局更改为无数字布局。这就是我所拥有的分段条形图,它应该位于容器 View 中,类似这样的 | - margin - 分段 - margin -| segmentedContro
我是一名优秀的程序员,十分优秀!