此视频中的 IOS 动画

Posted 2023-03-12

【中文标题】此视频中的 IOS 动画

【英文标题】：IOS animation in this video

【发布时间】：2019-04-25 10:00:03

【问题描述】：

我被困在下面的任务中，我需要UITableView 中的类似动画。 但我也不确定这个视频中使用了什么组件（UITableView 或UICollectionView）？

Animated component

高度赞赏的任何潜在客户

【问题讨论】：

看起来像 Collectionview 并使用 scrollViewDidScroll （垂直）。据我所知，那里有一个测量值，它告诉控制器在距离为 >

@user3344236 但不是整个单元格在单击文本时仅显示动画图像。

实际上有2个控制器，看下面图片滚动下的文字。如果您使用委托或其他方法可以轻松完成，您调用上滚动以随着距离而下降。我想底部是 UITableView，你也可以在上部有另一个 UITableView 或 CollectionView。希望这可以帮助。就我个人而言，我不理会在同一个控制器中使用 2 个 UITableView，但是...尝试

尝试找出一个垂直滚动条，如github.com/WenchaoD/FSPagerView 任何具有didscrollat​​index、didchangedindex、scrolltoindex 等代表的轮播。

@user3344236 谢谢我正在尝试构建两个轮播并相互连接。希望这能解决这个问题:)

【参考方案1】：

首先，有多种方法可以实现这一点。

如果视频显示了您期望的确切输出，您可以通过两个UITableViews 来实现。一个用于底部的名称，一个用于顶部的图像。

现在，在scrollViewDidScroll 方法中，监听包含文本的tableView 中的滚动变化，并相应地滚动带有图像的tableView。如果您要使用恒定大小的单元格，则滚动系数将是 sizeOfCellWithImage:sizeOfCellWithText

【讨论】：

谢谢，但我还必须为预期的输出制作一个圆形表视图。

实现循环滚动非常简单。返回 numberOfRowsInSection 中的很多行 - 比如说 numberOfImages * 1000。在 cellForRowAtIndexPath 中，使用 indexPath.row % numberOfImages 来获取要显示的正确索引

谢谢，但是知道如何始终像在金色背景中那样坚持第一行吗？

还有多种方式。你可以有一个透明的tableView，后面有金色的背景。或者，在tableView 顶部有一个透明的金色视图。请点赞并接受我的回答

我试图构建这个组件，但问题是如果只有 0 索引发生变化，从底视图滚动顶视图的最佳方法是什么。到目前为止，我已经尝试过：streamable.com/xa3i7