尝试使用材料设计芯片来设计tableviewcell

时间:2018-10-02 18:04:29

标签: swift xcode material-design cosmicmind

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

我正在尝试快速设计带有XCode 10的tableviewcell,以访问翻译成多种语言的文档。因此,我要显示的是文档标题和下方的文本,以及带有标记图标和语言大写字母的CHIP(材料设计)。

我做了一个草图来表明这一点:

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

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

但是所有信息都存储在Objective-C中,而不是迅速存储,我也不知道它们的解释。

我还研究了cosmicmind材质框架,因为它在自述文件中说其中一项功能是CHIPS,但是我无法在示例部分中找到CHIPS的示例。

希望您能帮助我设计电池。

谢谢。

1 个答案:

答案 0 :(得分:0)

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

在情节提要中,在tableviewcontroller中,添加一个原型单元,指定所需的高度,添加带有“文档标题”的标签,并添加一个collectionview。

将一个原型单元格添加到collectionview,为其提供所需的大小,添加一个背景,标志图标和语言大写字母。

拖放collectionview和tableview的出口,并将tableview设置为collectionview的委托...,就可以完成。

要使其看起来像Android芯片,您应该通过在tableviewcell中的“ cellforrowat”处添加圆角:

cell.chipBackground.layer.cornerRadius = 20

然后看起来就像在Android中一样。

我留下了结果的快照:

document list with different languages