Question

我创建了一个带有2个名为

的按钮的堆栈视图

服务和自定义

我的目标是使该堆栈视图在向下滚动时消失，并在向上滚动时再次出现。向下滚动时一切正常，但是向上滚动时，堆栈视图将其命名为

menuStack

它与tableview重叠。 tableView是一个包含鞋子图像的视图，您可以在屏幕截图中看到它。

我尝试了此委托人进行scrollview，但是我认为锚点中缺少某些内容。这是每个事件的3个屏幕截图。

This is the default view

When I scroll down

When I scroll up the menuStack does not reappear

    func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {

    self.menuStack.translatesAutoresizingMaskIntoConstraints = false

    if targetContentOffset.pointee.y < scrollView.contentOffset.y {
        //scroll up

        self.menuStack.isHidden = true
        if #available(iOS 11.0, *) {
            let safeGuide = self.view.safeAreaLayoutGuide
            self.menuStack.topAnchor.constraint(equalTo: safeGuide.topAnchor).isActive = true
            self.menuStack.bottomAnchor.constraint(equalTo: self.tableView.topAnchor, constant: 50).isActive = true
            self.tableView.topAnchor.constraint(equalTo: safeGuide.topAnchor, constant: 100).isActive = true
        } else {
            // Fallback on earlier versions
        }


        self.menuStack.isHidden = false

    } else {
        //scroll down
        self.menuStack.isHidden = true
        if #available(iOS 11.0, *) {
            let safeGuide = self.view.safeAreaLayoutGuide
            self.tableView.topAnchor.constraint(equalTo: safeGuide.topAnchor).isActive = true
        } else {
            // Fallback on earlier versions
        }
    }
}

Answer 1

当用户将手指从tableView上抬起时，似乎调用了scrollViewDidEndDragging函数，此操作发生在tableView开始其减速动画之前。我认为您应该改用scrollViewDidScroll。我试过了，它对我有用：

class ViewController: UIViewController {
    @IBOutlet weak var menuStackView: UIStackView!
    @IBOutlet weak var tableViewTopConstraint: NSLayoutConstraint!

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }

    @IBOutlet weak var tableView: UITableView! {
        didSet {
            tableView.dataSource = self
            tableView.delegate = self
        }
    }
}

extension ViewController: UITableViewDelegate {
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        menuStackView.isHidden = scrollView.contentOffset.y > CGPoint.zero.y
        tableViewTopConstraint.constant = (scrollView.contentOffset.y > CGPoint.zero.y) ? 0 : 40

    //CGPoint.zero.y is when the contentOffset is at the top
    }
}

extension ViewController: UITableViewDataSource {
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 100
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell")!
        cell.textLabel?.text = "\(indexPath.row)"
        return cell
    }
}

我还将发布UI的屏幕截图，以便您可以看到我的设计是如何设置的。

如何使stackview在向下滚动时消失并在向上滚动时重新出现？

1 个答案: