Editing MessageKit layout

Question

This is my first time using MessageKit. I am trying to customize my view but I can't find any helpful information on how to do so like setting insets and changing color of background.

I want to start the view from below the title bar and change the background color and the background color of the messages.

func backgroundColor(for message: MessageType, at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> UIColor {
        return isFromCurrentSender(message: message) ? UIColor.myGold : UIColor.headingGold
    }

Any help will be appreciated.

score 5 · Accepted Answer · answered Jan 30 '20 at 06:44

5

You have to set contentInset for messagesCollectionView in viewDidLayoutSubviews() to start view below title bar

self.messagesCollectionView.contentInset = UIEdgeInsets(top: title bar height, left: 0, bottom: 70, right: 0)

To set background color of messages you have to use MessagesDisplayDelegate method and delegate, dataSource should be connected with view controller

func backgroundColor(for message: MessageType, at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> UIColor {
        return isFromCurrentSender(message: message) ? UIColor.blue : UIColor.gray
    }

for more customization you have to check MessageKit example in MessageKit Repo

answered Jan 30 '20 at 06:44

Kishan Bhatiya

2,175
8
14

layout is working but message background color is not changing by using this function – Sarmad Zaheer Jan 30 '20 at 07:04
`messagesCollectionView.messagesDisplayDelegate = self` add this line in your `viewDidLoad()` and check – Kishan Bhatiya Jan 30 '20 at 07:06
Already added. Is there any tutorial for this because i am a beginner and can't understand from example project. – Sarmad Zaheer Jan 30 '20 at 07:22
Sorry, i don't know if tutorial available or not, message background color working or not? – Kishan Bhatiya Jan 30 '20 at 07:35
please add your code in your question for message background color – Kishan Bhatiya Jan 30 '20 at 07:50
UIColor.myGold is color available or try to add just UIColor.blue for testing – Kishan Bhatiya Jan 30 '20 at 08:10
Yes UIColor.myGold is the theme color I am using. – Sarmad Zaheer Jan 30 '20 at 09:11

Editing MessageKit layout

1 Answers1