下面我的快速代码是定位对象。我希望两个对象都覆盖x轴的10%。因此,第一个对象是fight [0] .image,第二个对象是fight1.image。如您在左图所见,下面的当前代码正在生成。右边的图像是我想要生成的代码。由于我无法约束下面的代码,因此我不知道如何实现此结果。因此,fight [0] .image应该覆盖x轴的10%,然后fight1.image应该覆盖x轴的下10%。这两个对象一起应覆盖x轴的20%。
import UIKit
class ViewController: UIViewController {
let fight = (0..<10).map { _ in UIImageView() }
var textEnter = UITextField()
var g2 = UIPanGestureRecognizer()
var g3 = UIPanGestureRecognizer()
override func viewDidLoad() {
super.viewDidLoad()
fight[0].image = UIImage(named: "a.png")
fight[1].image = UIImage(named: "m.png")
fight.forEach{
$0.isUserInteractionEnabled = true
}
[textEnter].forEach{
$0.translatesAutoresizingMaskIntoConstraints = false
view.addSubview($0)
$0.backgroundColor = .blue
}
g2 = UIPanGestureRecognizer(target: self, action: #selector(ViewController.g1Method))
g3 = UIPanGestureRecognizer(target: self, action: #selector(ViewController.g1Method))
fight[0].addGestureRecognizer(g2)
fight[1].addGestureRecognizer(g3)
fight.forEach{
$0.backgroundColor = .clear
view.addSubview($0)
}
// need a non-rendering "spacer" to vertically separate textEnter from Pic
let spacer = UILayoutGuide()
view.addLayoutGuide(spacer)
// NOTE: do NOT constrain any elements relative to fight views
NSLayoutConstraint.activate ([
// constrain textEnter top / leading / trailing to view
textEnter.topAnchor.constraint(equalTo: view.topAnchor, constant : 0),
textEnter.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant : 0),
textEnter.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant :0),
// constrain textEnter height to 0.1 * view height
textEnter.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 0.1, constant: 0),
// constrain spacer top to bottom of textEnter
spacer.topAnchor.constraint(equalTo: textEnter.bottomAnchor, constant: 0.0),
// constrain spacer leading to view leading
spacer.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 0.0),
// constrain spacer height to 0.1 * view height
spacer.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 0.10),
// spacer width doesn't matter
spacer.widthAnchor.constraint(equalToConstant: 1.0),
])
textEnter.textAlignment = .center
}
override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)
// set fight[0] frame *after* textEnter has been laid-out
fight[0].frame.size = CGSize(width: view.frame.width * 0.10, height: view.frame.height * 0.10)
let x = view.frame.origin.x
let y = textEnter.frame.origin.y + textEnter.frame.size.height
fight[0].frame.origin = CGPoint(x: x, y: y)
fight[1].frame.size = CGSize(width: view.frame.width * 0.10, height: view.frame.height * 0.10)
let x1 = view.frame.origin.x * 0.10
let y1 = textEnter.frame.origin.y + textEnter.frame.size.height
fight[1].frame.origin = CGPoint(x: x1, y: y1)
}
}
您可能希望fight
图像视图为正方形(因此图像将为圆形),因此一次计算宽度为:
let w = view.frame.width * 0.10
并将高度设置为与宽度相同的值
let h = w
您将以y
为textEnter
的底部,以x
为0
,然后循环浏览fight
阵列中的图像视图,设置帧并将x
递增[ C0]:
w
您现在将在整个视图中对齐10个override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)
// set fight frames *after* textEnter has been laid-out
// width should be 10% of view width
let w = view.frame.width * 0.10
// height should be the same as width
let h = w
// start x-position at 0
var x: CGFloat = 0
// y-position is bottom of textEnter frame
let y = textEnter.frame.origin.y + textEnter.frame.size.height
// set frames for all imageViews in fight array
fight.forEach { v in
// set the frame
v.frame = CGRect(x: x, y: y, width: w, height: h)
// increment x by the width
x += w
}
}
图像视图(我为背景使用了随机颜色:]
fight