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

时间:2017-09-22 08:30:11

标签: swift uiscrollview

我正在尝试在固定图像上滚动,如图所示。

enter image description here

我认为我应该使用滚动视图,但我还没有完全了解它如何使用它以及要包含在滚动视图中的内容,因为图像和底部的按钮应该是固定的。此外,当文本很长时,内容应该只能滚动。

2 个答案:

答案 0 :(得分:0)

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

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

例如,第一个单元格将是图像,第二个单元格将是您的标题,第三个单元格将是您的菜单栏,依此类推。

如果您计划动态呈现UIViewController内的元素,这可能非常有用(例如,如果您需要使用数据库,您可能希望仅在内容已设置时为行插入设置动画已经下载了)

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

试试这样,如果您在实施中遇到任何困难,请告诉我们。)

答案 1 :(得分:0)

解释起来非常复杂,要理解你必须知道好的自动布局

要实现这一目标,您需要两个 scrollview 和少量数学:)

假设您的标题视图高度为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将使用wo滚动标题视图,第二个scrollview将用于滚动其他滚动视图内容(如标题和文本内容,如图所示)

内容视图(与UIView相等的高度)将允许您的内容视图为滚动底部提供额外200的高度,您的第二个滚动视图将滚动到顶部,这将允许滚动您的其他内容< / p>

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

enter image description here

相关问题