iOS 显示 tableview 标题图片(视差效果)

Posted

技术标签:

【中文标题】iOS 显示 tableview 标题图片(视差效果)【英文标题】:iOS revealing tableview header image (Parallax effect) 【发布时间】:2013-03-13 12:34:33 【问题描述】:

我正在尝试设置一个大图像,以便在表格视图进一步下拉时显示更多内容,.. 我知道我没有任何意义,显示an example I recorded from netbot 更容易。

请让我知道正确的术语是什么,我会更新标题。 (更新:显然它被称为视差效应)

我尝试将UIImageView 设置为self.tableView.backgroundView 并为第一部分添加透明标题。但它没有相同的感觉。它从图像顶部而不是中心显示,它在 iPad 纵向和 iPhone 横向上被拉伸和挤压(我已经尝试了所有contentMode)。

我也尝试将UIImageView 设置为 tableView 标题。启用clipsToBounds 确实会显示图像的中心部分,但我无法显示更多图像。

一个名为My Artists 的应用也有这个,但他们的没有反弹。那么,知道 Tapbots 的优秀开发人员是如何解决这个问题的吗?

【问题讨论】:

这个项目可能有点用处:github.com/zhigang1992/ZGParallelView @TomIrving 老兄 是的!选项ZGScrollViewStyleStickToTheTop(演示项目的分段控件中的第三个选项)。我相信他的意思是 ratio 而不是 radio。请将其添加为答案,我会接受。 这个项目可能有点用处:github.com/zhigang1992/ZGParallelView 看来ZGParallelview 不再托管了,还有这个替代FWIW。 github.com/modocache/MDCParallaxView 我最近发布了一篇关于使用约束完成此任务的博客文章,这可能会有所帮助:blog.domesticcat.com.au/ios/2014/03/19/… 【参考方案1】:

这很奇怪。我很确定我已经接受了这个问题的答案。反正答案是ZGExpandZoomView

【讨论】:

以上是关于iOS 显示 tableview 标题图片(视差效果)的主要内容,如果未能解决你的问题,请参考以下文章

ios的折叠工具栏布局

Amazing!巧用 CSS 视差实现酷炫交互动效

在 iOS 的 ISearchResult TableView 中显示自定义背景图片

iOS-截取TableView生成图片

iOS 13 UITableViewCell |子视图被剪掉

iOS开发-UITableView滑动视差