通过代码添加UIView时出现重叠问题

时间:2018-09-13 09:08:48

标签: ios swift uiview overlapping

我希望有人可以帮助我解决这个问题

我正在Xcode中构建一个应用程序,并且已经通过代码添加了一些UIView,但是我无法通过main.storyboard来实现,因为UIView的数量取决于数据库具有多少字段。因此,例如,如果数据库有20个字段,那么将有20个UIView。那就是我所做的,而且效果很好,但是……这是问题所在:UIView与Main.storyboard中添加的其他对象重叠,并且当我尝试执行以下操作时,诸如分段控件之类的某些对象不起作用与他们互动。

那是我到目前为止的代码:

import UIKit  


class issuesScreen: UIViewController {  
    @IBOutlet weak var csViewLeading: NSLayoutConstraint!  
    var showingMenu=false  
    lazy var scrollView: UIScrollView = {  
        let view = UIScrollView()  
        view.translatesAutoresizingMaskIntoConstraints = false  
        view.contentSize.height = 2000  
        return view  
    }()  

    override func viewDidLoad() {  
        super.viewDidLoad()  
        view.addSubview(scrollView)  
        setupScrollView()  
    }  
    //Here is when I'm adding the views  
    func setupScrollView() {  
        scrollView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true  
        scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true  
        scrollView.leftAnchor.constraint(equalTo: view.leftAnchor).isActive = true  
        scrollView.rightAnchor.constraint(equalTo: view.rightAnchor).isActive = true  
        let firstView = UIView()  
        firstView.translatesAutoresizingMaskIntoConstraints = false  
        firstView.backgroundColor = .black  

        scrollView.addSubview(firstView)  

        firstView.centerXAnchor.constraint(equalTo: scrollView.centerXAnchor).isActive = true  
        firstView.topAnchor.constraint(equalTo: scrollView.topAnchor, constant: 40).isActive = true  
        firstView.widthAnchor.constraint(equalToConstant: 400).isActive = true  
        firstView.heightAnchor.constraint(equalToConstant: 180).isActive = true  

        let secondView = UIView()  
        secondView.translatesAutoresizingMaskIntoConstraints = false  
        secondView.backgroundColor = .white  
        scrollView.addSubview(secondView)  

        secondView.centerXAnchor.constraint(equalTo: scrollView.centerXAnchor).isActive = true  
        secondView.topAnchor.constraint(equalTo: scrollView.topAnchor, constant: 41).isActive = true  
        secondView.widthAnchor.constraint(equalToConstant: 398).isActive = true  
        secondView.heightAnchor.constraint(equalToConstant: 178).isActive = true  
    }  
    @IBAction func showBar(_ sender: UIBarButtonItem) {  
        if(showingMenu) {  
            csViewLeading.constant = -240  
        } else {  
            csViewLeading.constant = 0  
            UIView.animate(withDuration: 0.3, animations: {self.view.layoutIfNeeded()})  
        }  
        showingMenu= !showingMenu  
    }  
}

这是我测试应用程序时的结果:

https://i.imgur.com/n24HDvH.png

灰色背景是侧边栏,如您所见,它与UIView重叠。

我真的不知道为什么会这样,而且,不要告诉我改用tableView,除非有可能获得这种自定义样式(这就是它的外观): https://i.imgur.com/4nU97yO.png

1 个答案:

答案 0 :(得分:0)

绝对使用UITableView。当然,可以创建自定义设计-只需实施一个自定义UITableViewCell,即可根据需要进行设计。

即使您的解决方案能够正常工作,但是如果您有许多数据库条目,性能也将很糟糕。 UITableView进行了很多优化,例如重用了不可见的单元格。