Попытка спроектировать tableviewcell с помощью чипов Material-Design.

это мой первый вопрос на форуме, хотя читаю довольно давно.

Я пытаюсь быстро разработать tableviewcell с XCode 10 для доступа к документам, переведенным на многие языки. Итак, я хочу показать текст заголовка документа и ниже, ЧИП (материальный дизайн) со значком флага и заглавными буквами языка.

Я сделал набросок, чтобы показать, что:

https://i.imgur.com/fnS5Szn.jpg (пока не могу публиковать изображения )

Я прочитал информацию на веб-странице о материальном дизайне, в частности, раздел для ЧИПОВ в iOS: https://material.io/develop/ios/components/chips/

Но вся информация в Objective-C, а не в swift, и я понятия не имею, что они объясняют.

Я также взглянул на структуру материала cosmicmind, потому что в файле readme говорится, что одной из функций является CHIPS, однако я не смог найти пример для CHIPS в разделе примеров.

Надеюсь, вы поможете мне спроектировать клетку.

Заранее спасибо.


xcode swift material-design cosmicmind
person jRuMoL    schedule 02.10.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Что ж, я думаю, что решил проблему сам, используя представление коллекции, встроенное в ячейку таблицы.

В раскадровке, в tableviewcontroller, добавьте ячейку прототипа, задайте нужную высоту, добавьте метку с «заголовком документа» и добавьте представление коллекции.

Добавьте ячейку-прототип в представление коллекции, задайте ей нужный размер, добавьте фон, значок флага и заглавные буквы языка, и все.

Перетащите выходы представления коллекции и представления таблицы и установите представление таблицы в качестве делегата для представления коллекции... и все готово.

Чтобы он выглядел как чип Android, вы должны закруглить углы, добавив в tableviewcell в «cellforrowat»:

cell.chipBackground.layer.cornerRadius = 20

И тогда это будет выглядеть как в Android.

Оставляю фото результата:

список документов на разных языках

person jRuMoL    schedule 02.10.2018