如何将UIScrollView的“主要”内容设置为屏幕高度 - “次要”内容“低于首屏”

问题描述 投票:2回答:2

我一直在用这一个撞到墙上一段时间。

我有一个单一的视图应用程序,它的主要内容显示在滚动视图中 - 最初,以便可以轻松实现拉动刷新。这是使用故事板和AutoLayout约束来实现和实现的。

我有一个我想要实现的新功能,但是我不希望它始终可见,我希望它显示在滚动视图中的“主要”内容下面。这样,用户必须滚动主视图才能看到额外的内容。我编写了一个小图表,希望能比文字更好地传达这个:

UIScrollView Diagram

我试过简单地将辅助内容放在最后一个主要内容块下面,并使用垂直约束 - 这可以让你滚动到它,但是一旦你放手,滚动视图就会快速回到它的原始位置。

有关如何解决这个问题的任何提示都非常欢迎,谢谢!

编辑:

这是我尝试过的简化层次结构:

  • UIScrollView中 滚动内容 主要内容视图 内容... 次要内容视图 内容...

我认为困难是因为我希望主内容视图成为屏幕的全高。

ios swift xcode uiscrollview autolayout
2个回答
2
投票

您可能必须在滚动视图中定位视图,并设置scrollView的contentSize

查看控制器

@IBOutlet weak var scrollView: UIScrollView!

let height = UIScreen.main.bounds.height
let width = UIScreen.main.bounds.width

override func viewDidLoad() {
    super.viewDidLoad()
    /* Set the contentSize of the scrollview */
    self.scrollView.contentSize = CGSize(width: width, height: height*2)

    /* Adding two views, red, green at different locations inside the scrollview */
    let red = UIView(frame: CGRect(x: 0, y: 0, width: width, height: height))
    red.backgroundColor = UIColor.red

    let green = UIView(frame: CGRect(x: 0, y: height, width: width, height: height))
    green.backgroundColor = UIColor.green

    /* Adding the views in the scrollview */
    self.scrollView.addSubview(red)
    self.scrollView.addSubview(green)

}

演示

Example


1
投票

将主视图的内容分离为2部分向上部分,其是具有屏幕高度的视图和具有次要部分中的内容高度的底部部分

ScrollView
      contentView -> equal width of screen
          topView -> equal height of screen
          secondaryView -> equal height of it's subview 
© www.soinside.com 2019 - 2024. All rights reserved.