尝试用材料设计芯片设计一个to material

Question

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

我正在尝试用swift中的XCode 10设计一个表格视图单元格，用来访问翻译成多种语言的文档。所以我想要的是显示文档标题和下面的文本，一个带有旗帜图标和语言大写字母的芯片(material-design)。

我画了一个草图来展示：

https://i.imgur.com/fnS5Szn.jpg (我还不能发布图片)

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

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

我还看了一下cosmicmind material框架，因为它在自述文件中说其中一个特性是芯片，但是我在示例部分找不到芯片的例子。

希望你能帮我设计电池。

提前谢谢。

Answer 1

好吧，我想我已经通过使用一个嵌入到tableviewcell中的集合视图解决了这个问题。

在情节提要中，在tableviewcontroller中，添加一个原型单元格，给出您想要的高度，添加一个带有"document title“的标签，并添加一个集合视图。

添加一个原型单元格到集合视图，给它指定你想要的大小，添加一个背景，旗帜图标和语言大写字母，就这些。

拖放集合视图和表格视图的出口，并将表格视图设置为集合视图的代理...你就完了。

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

cell.chipBackground.layer.cornerRadius = 20

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

我留下了结果的快照：

document list with different languages