在swift中在固定背景图像上滚动内容

问题描述:

我试图实现在固定图像上滚动,如图所示。在swift中在固定背景图像上滚动内容

enter image description here

我想我应该用一个滚动视图,但我并没有完全得到它如何使用它,什么要加入到了滚动,因为底部的图像和按钮应该是固定的。此外,内容只能滚动,当文本很长时。

+0

为什么你不使用一个UITextView?它会更简单。 –

+0

我之前实现了这个功能,但在Iphone 5上几乎没有文字的位置,所以用scrollview看起来会更好。 –

我认为这里最好的解决方案是在UIViewController内使用UITableView

然后,您可以设置单元格,使其看起来完全符合您的需要。

例如,第一个单元格只是图像,第二个单元格将是您的标题,第三个单元格将是您的菜单栏,等等。

如果您计划动态呈现UIViewController中的元素(例如,如果您需要使用数据库,则只有在内容已被下载的情况下才可以插入行),这可能非常有用,

因此,使用UIViewController,您可以将UITableView添加到它并使用约束条件进行设置,以填充整个视图。然后,您可以将您的按钮添加到您的表格视图顶部,作为您的UIViewControllerview的子视图(不是您的表格视图的子类,否则您的按钮最终也会滚动)。 再次在这里,您需要添加一些约束到您的按钮,使其看起来没问题!

试试看这样,让我知道,如果你有在执行:)

+0

但图像应该是固定的,所以我不能把它放在我认为的细胞内。我是否也应该使它成为视图控制器的子视图? –

+0

哦,我误解了你的问题,然后,你是否希望你的图像被固定在屏幕的顶部? (虽然如此,但它可能有点让人误解) – Alex

+0

我的意思是,我希望它固定在单元格后面,以便内容在图像上流动。你明白了,我的意思是? –

这是非常复杂的,解释什么困难,要了解你要知道良好的自动布局

为了实现这个目标,你需要2 滚动视图和一些数学:)

假设你headerview高度200

正如你ķ现在使用的自动布局,我们需要以下视图层次时

您的视图层次应该是

--> Main View 
--> ScrollView 
    --> Container View 
    -->Your HeaderView (200) 
    -->Content View (Equal height to UIView) 
     --> UIView (Your tabs like button , followbutton) 
     --> ScrollView 2 
      --> ContainerView  
      -->Subviews 

滚动视图1将使用を滚动headerview和第二滚动视图将用于滚动滚动视图的其他内容(如标签和文字如在图中所示的内容)

内容的浏览(等于高度的UIView)将允许内容视图,得到的200额外滚动底部和您的第二滚动视图高度会滚动到顶部,这将允许以滚动其他内容

https://media.giphy.com/media/a2A4AQeAIkAhO/giphy.gif

enter image description here