UIKit:带有行的无限可滚动卡片(如Snapchat或Duolingo中所示)

时间:2018-04-02 15:56:00

标签: ios swift uitableview uicollectionview uikit

我想实现一个UI元素,如屏幕截图所示:

Duolingo Snapchat

图片1: Duolingo

Image2: Snapchat

UI元素由尺寸略小于屏幕的卡片组成。

卡的内容由行组成(如UITableView中),可以完全适合屏幕。在这种情况下,会显示一张带有所有圆角的卡片。

如果卡的内容不完全适合屏幕,则可以滚动它。卡的内容可以是任意长度的。在这种情况下,卡片仅在最后一个元素上显示圆角。

高级挑战 在每张卡片后面添加一个阴影。

问题

  1. 要为此问题选择哪些UI组件
  2. 一种组合UI组件的方法,最好是支持背景阴影。请注意,屏幕截图上的应用没有阴影。

0 个答案:

没有答案