如何在 Swift 中实现与 365 Scores 应用程序类似的布局?(附截图)

How to achieve similar layout to 365 Scores app in Swift? (Screenshot included)

提问人:Mbasa 提问时间:9/9/2022 更新时间:9/9/2022 访问量:52

问:

我试图用一个表视图实现下面的布局,但失败了。

以下屏幕截图的结构如下:

  • 日期(今天):
    • 我的订阅列表(我的团队和游戏):
      • 联赛名称:
        • 实际匹配(看起来像 Tableview 单元格)

请注意,该结构的每个级别都是动态的,具体取决于当天的比赛。

我尝试使用表视图实现这一点,但无法弄清楚如何创建嵌套部分。例如,在顶层,我试图使部分 headerView 表示日期,但后来我被迫在单元格内进行其余的结构,而屏幕截图中的应用程序并非如此。

我假设实际匹配的是表视图单元格,因为它们是可滑动的单元格?

请帮我一些想法。

谢谢。

enter image description here

iOS Swift iPhone UITableView UIColictionView

评论


答:

0赞 DonMag 9/9/2022 #1

有多种方法可以解决这个问题......这里只有两个想法:

enter image description here

enter image description here

正如在关于您的另一个问题的评论中提到的 - 您确实需要开始研究它。如果您遇到具体问题,请带着具体问题回到这里。

评论

0赞 Mbasa 9/10/2022
谢谢你的回答。我已经尝试复制,但我正在努力跟踪每个部分/行的索引。例如,在您提供的第二张图片中,如何让数据源知道每个单元格 3 类下有多少类 4 的单元格。另外,如何让它知道 3 类的单元格下有多少类的单元格在 2 类的单元格下,标题部分下的所有单元格也是如此。我目前正在从提供数据的 api 创建一个视图模型,但我正在努力将其正确映射到数据源。感谢任何指导。
1赞 DonMag 9/10/2022
@Mbasa - 这就是我所说的“具体问题/具体问题”的意思。这里没有人知道你是如何获取数据的,或者它是如何构建的。无论您最终如何显示它,您的首要任务都是从您收到的数据中对结构/类/字典/数组/等进行编码。