试图用材料设计芯片设计一个tableviewcell答案

【问题标题】：Trying to design a tableviewcell with material-design Chips试图用材料设计芯片设计一个tableviewcell
【发布时间】：2019-03-07 21:52:28
【问题描述】：

这是我在论坛上的第一个问题，虽然我已经阅读了很长时间。

我正在尝试使用 XCode 10 快速设计一个 tableviewcell，以访问被翻译成多种语言的文档。所以我想要的是显示文档标题和下面的文本，一个带有标志图标和语言大写字母的 CHIP（材料设计）。

我已经画了一个草图来表明：

我阅读了材料设计网页中的信息，特别是 iOS 中的 CHIPS 部分：https://material.io/develop/ios/components/chips/

但所有信息都在 Objective-C 中，而不是 swift 中，我不知道它们解释了什么。

我还查看了 cosmicmind 材料框架，因为它在自述文件中说其中一个功能是 CHIPS，但是我无法在示例部分找到 CHIPS 的示例。

希望你能帮我设计细胞。

提前致谢。

【问题讨论】：

【解决方案1】：

好吧，我想我已经通过使用嵌入在 tableviewcell 中的 collectionview 自己解决了这个问题。

在情节提要中，在 tableviewcontroller 中，添加一个原型单元格，给出您想要的高度，添加一个带有“文档标题”的标签并添加一个 collectionview。

向collectionview添加一个原型单元格，给它你想要的大小，添加背景，旗帜图标和语言大写字母，就是这样。

拖放collectionview和tableview的outlets，将tableview设置为collectionview的delegate...就大功告成了。

为了让它看起来像一个 Android 芯片，你应该通过在 "cellforrowat" 处添加 tableviewcell 来圆角：

cell.chipBackground.layer.cornerRadius = 20

然后它会看起来像在 Android 中。

我留下了结果的快照：

【讨论】：