How to dupply an element - ios

Question

Greetings colleagues I am trying to duplicate the blue box with the numbers 1234 but I can not do it, any guidance that you could give me.
enter image description here
this is the parte where i make the view
final class IBANInvesOptView: UIView {
let container: UIView = UIView()
let stackView: UIStackView = UIStackView()
private let products: UIScrollView = {
let products = UIScrollView()
products.isDirectionalLockEnabled = true
products.isScrollEnabled = true
products.bounces = true
products.canCancelContentTouches = false
products.delaysContentTouches = true
products.alwaysBounceVertical = true
products.showsHorizontalScrollIndicator = false
products.alwaysBounceHorizontal = false
return products
}()
let imageView: UIImageView = UIImageView()
private let lblTitle: UILabel = {
let lblTitle = UILabel().usingAutoLayout()
lblTitle.textAlignment = .center
lblTitle.numberOfLines = 3
lblTitle.adjustsFontSizeToFitWidth = true
lblTitle.attributedText = "pipeline.title".localized().bold40(.newBlue)
return lblTitle
}()
private let lblDescription: UILabel = {
let lblDescription = UILabel().usingAutoLayout()
lblDescription.numberOfLines = 3
lblDescription.adjustsFontSizeToFitWidth = true
lblDescription.attributedText = "pipeline.subtitle".localized().book20(.newBlue)
return lblDescription
}()
let stackPipe: UIStackView = {
let stackPipe = UIStackView().usingAutoLayout()
stackPipe.axis = .vertical
stackPipe.alignment = .fill
stackPipe.isLayoutMarginsRelativeArrangement = true
stackPipe.layoutMargins = UIEdgeInsets(top: 30, left: 15, bottom: 30, right: 15)
return stackPipe
}()
private let lblAgree: UILabel = {
let lblAgree = UILabel().usingAutoLayout()
lblAgree.numberOfLines = 3
lblAgree.adjustsFontSizeToFitWidth = true
lblAgree.attributedText = "pipeline.confirm".localized().book15(.newBlue)
return lblAgree
}()
let checkBox: Checkbox = Checkbox()
let stackViewBtns: UIStackView = UIStackView()
let disposeBag: DisposeBag = DisposeBag()
var buttons = [UILabel()]
override init(frame: CGRect) {
super.init(frame: frame)
pipeline()
listSubviewsOfView()
for item in 1...5 {
print("alguna vez entra?")
self.products.addSubview(self.stackPipe)
self.stackPipe.addArrangedSubview(lblTitleCompo)
buttons.append(lblTitleCompo)
constrain(lblTitleCompo) {
lblTitleCompo in
if let superview = lblTitleCompo.superview {
lblTitleCompo.top == superview.top - 10
lblTitleCompo.leading == superview.leading + 10
lblTitleCompo.trailing == superview.trailing - 10
}
}
}
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
}
let lblTitleCompo: UILabel = {
let lblTitleCompo = UILabel().usingAutoLayout()
lblTitleCompo.textAlignment = .center
lblTitleCompo.numberOfLines = 3
lblTitleCompo.adjustsFontSizeToFitWidth = true
lblTitleCompo.attributedText = "12345".localized().book20(.slateGray)
return lblTitleCompo
}()
func listSubviewsOfView() {
for item in 1...5 {
print("alguna vez entra?")
self.products.addSubview(self.stackPipe)
self.stackPipe.addArrangedSubview(lblTitleCompo)
buttons.append(lblTitleCompo)
constrain(lblTitleCompo) {
lblTitleCompo in
if let superview = lblTitleCompo.superview {
lblTitleCompo.top == superview.top - 10
lblTitleCompo.leading == superview.leading + 10
lblTitleCompo.trailing == superview.trailing - 10
}
}
}
}
private func setupView() {
backgroundColor = .clear
self.addBlurToBackground()
self.container.backgroundColor = .red
self.container.layer.cornerRadius = 8
self.stackView.axis = .vertical
self.stackView.alignment = .center
self.stackView.distribution = .fillProportionally
self.stackView.spacing = 15
self.stackView.backgroundColor = .blue
self.products.backgroundColor = .yellow
self.products.layer.cornerRadius = 8
self.stackPipe.roundedCornersAndShadow()
self.stackPipe.backgroundColor = .newBlue
self.checkBox.isSelected = false
self.imageView.contentMode = .center
self.imageView.clipsToBounds = true
self.stackViewBtns.axis = .horizontal
self.stackViewBtns.alignment = .center
self.stackViewBtns.distribution = .fillEqually
self.stackViewBtns.spacing = 9
addSubview(self.container)
self.container.addSubview(self.stackView)
self.container.addSubview(self.products)
self.container.addSubview(self.lblAgree)
self.container.addSubview(self.checkBox)
self.stackView.addArrangedSubview(self.imageView)
self.stackView.addArrangedSubview(self.lblTitle)
self.stackView.addArrangedSubview(self.lblDescription)
self.container.addSubview(self.stackViewBtns)
self.products.addSubview(self.stackPipe)
self.constrainViews()
}
private func addBlurToBackground() {
let blurEffect = UIBlurEffect(style: UIBlurEffect.Style.dark)
let blurEffectView = UIVisualEffectView(effect: blurEffect)
blurEffectView.frame = bounds
blurEffectView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
addSubview(blurEffectView)
}
private func constrainViews() {
constrain(self.container, self.stackView, self.stackViewBtns, self.products, self.checkBox, self.stackPipe, self.lblAgree) {
container, stackView, stackViewBtns, products, checkBox, stackPipe, lblAgree in
if let superview = container.superview {
container.centerY == superview.centerY
container.leading == superview.leading + 20
container.trailing == superview.trailing - 20
container.top == superview.top + 40
container.bottom == superview.bottom - 40
}
stackView.top == container.top + 10
stackView.leading == container.leading + 5
stackView.trailing == container.trailing - 5
products.top == stackView.bottom + 25
products.leading == container.leading + 5
products.trailing == container.trailing - 5
products.height == 460
stackPipe.top == products.top + 25
stackPipe.leading == container.leading + 10
stackPipe.trailing == container.trailing - 10
stackPipe.height == 100
lblAgree.top == stackViewBtns.top - 60
lblAgree.leading == checkBox.trailing + 10
lblAgree.trailing == container.trailing - 20
checkBox.top == stackViewBtns.top - 50
checkBox.leading == container.leading + 20
stackViewBtns.leading >= container.leading + 15
stackViewBtns.trailing <= container.trailing - 15
stackViewBtns.centerX == container.centerX
stackViewBtns.bottom == container.bottom - 20
}
constrain(self.lblTitle, self.lblDescription) {
lblTitle, lblDescription in
if let superview = lblTitle.superview {
lblTitle.top == superview.top + 10
lblDescription.top == lblTitle.bottom + 5
lblDescription.leading == superview.leading + 85
lblDescription.trailing == superview.trailing - 85
}
}
constrain(self.imageView) {
imageView in
imageView.height == 200
imageView.width == 80 ~ UILayoutPriority(750)
}
}
func build(title: String,
description: String?,
image: UIImage?,
buttons: [IBANInvesOptButtonConfiguration]) -> Observable<Int> {
let createdBtns = buttons
.map { createButton(with: $0) }
createdBtns
.forEach { stackViewBtns.addArrangedSubview($0) }
self.setupView()
setNeedsLayout()
let obsBtns = createdBtns
.enumerated()
.map { index, element in
element.rx.tap.asObservable().map { index }
}
return Observable.from(obsBtns).merge()
}
this is how i manage the view, you can check the for loop that's where im trying to dupply the element

Answer 1

override init(frame: CGRect) {
super.init(frame: frame)
pipeline()
listSubviewsOfView()
for item in 1...5 {
print("alguna vez entra?")
self.products.addSubview(self.stackPipe)
self.stackPipe.addArrangedSubview(lblTitleCompo)
The above doesn't make much sense. You are adding stackPipe and lblTitleCompo multiple times. A view can only have one parent view.
If you want five stackPipes and five lblTitleCompos, you will have to make five of them.
Instead of using a let make a func that will create your views...
func makeLabelTitle() -> UILabel {
let lblTitle = UILabel().usingAutoLayout()
lblTitle.textAlignment = .center
lblTitle.numberOfLines = 3
lblTitle.adjustsFontSizeToFitWidth = true
lblTitle.attributedText = "pipeline.title".localized().bold40(.newBlue)
return lblTitle
}
Every time you call the above, it will create a new label.