mirror of
https://github.com/MessageKit/MessageKit.git
synced 2026-02-06 19:03:19 +00:00
etoledom
360 lines
15 KiB
Swift
360 lines
15 KiB
Swift
/*
|
|
MIT License
|
|
|
|
Copyright (c) 2017 MessageKit
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
of this software and associated documentation files (the "Software"), to deal
|
|
in the Software without restriction, including without limitation the rights
|
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
copies of the Software, and to permit persons to whom the Software is
|
|
furnished to do so, subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be included in all
|
|
copies or substantial portions of the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
SOFTWARE.
|
|
*/
|
|
|
|
import UIKit
|
|
import MessageKit
|
|
import MapKit
|
|
|
|
class ConversationViewController: MessagesViewController {
|
|
|
|
var messageList: [MockMessage] = []
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
|
|
messageList = SampleData().getMessages()
|
|
messagesCollectionView.messagesDataSource = self
|
|
messagesCollectionView.messagesLayoutDelegate = self
|
|
messagesCollectionView.messagesDisplayDelegate = self
|
|
messagesCollectionView.messageCellDelegate = self
|
|
messageInputBar.delegate = self
|
|
|
|
navigationItem.rightBarButtonItem = UIBarButtonItem(image: UIImage(named: "ic_keyboard"),
|
|
style: .plain,
|
|
target: self,
|
|
action: #selector(handleKeyboardButton))
|
|
}
|
|
|
|
@objc func handleKeyboardButton() {
|
|
|
|
let actionSheetController = UIAlertController(title: "Change Keyboard Style", message: nil, preferredStyle: .actionSheet)
|
|
let actions = [
|
|
UIAlertAction(title: "Slack", style: .default, handler: { _ in
|
|
DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 1, execute: {
|
|
self.slack()
|
|
})
|
|
}),
|
|
UIAlertAction(title: "iMessage", style: .default, handler: { _ in
|
|
DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 1, execute: {
|
|
self.iMessage()
|
|
})
|
|
}),
|
|
UIAlertAction(title: "Default", style: .default, handler: { _ in
|
|
DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 1, execute: {
|
|
self.defaultStyle()
|
|
})
|
|
}),
|
|
UIAlertAction(title: "Cancel", style: .cancel, handler: nil)
|
|
]
|
|
actions.forEach { actionSheetController.addAction($0) }
|
|
present(actionSheetController, animated: true, completion: nil)
|
|
}
|
|
|
|
// MARK: - Keyboard Style
|
|
|
|
func slack() {
|
|
defaultStyle()
|
|
messageInputBar.isTranslucent = false
|
|
messageInputBar.inputTextView.backgroundColor = .clear
|
|
messageInputBar.inputTextView.layer.borderWidth = 0
|
|
let items = [
|
|
makeButton(named: "ic_camera").onTextViewDidChange { button, textView in
|
|
button.isEnabled = textView.text.isEmpty
|
|
},
|
|
makeButton(named: "ic_at").onSelected { _ in
|
|
print("@ Selected")
|
|
},
|
|
makeButton(named: "ic_hashtag").onSelected { _ in
|
|
print("# Selected")
|
|
},
|
|
.flexibleSpace,
|
|
makeButton(named: "ic_library").onTextViewDidChange { button, textView in
|
|
button.isEnabled = textView.text.isEmpty
|
|
},
|
|
messageInputBar.sendButton
|
|
.configure {
|
|
$0.layer.cornerRadius = 8
|
|
$0.layer.borderWidth = 1.5
|
|
$0.layer.borderColor = $0.titleColor(for: .disabled)?.cgColor
|
|
$0.setTitleColor(.white, for: .normal)
|
|
$0.setTitleColor(.white, for: .highlighted)
|
|
$0.setSize(CGSize(width: 52, height: 30), animated: true)
|
|
}.onDisabled {
|
|
$0.layer.borderColor = $0.titleColor(for: .disabled)?.cgColor
|
|
$0.backgroundColor = .white
|
|
}.onEnabled {
|
|
$0.backgroundColor = UIColor(red: 15/255, green: 135/255, blue: 255/255, alpha: 1.0)
|
|
$0.layer.borderColor = UIColor.clear.cgColor
|
|
}.onSelected {
|
|
// We use a transform becuase changing the size would cause the other views to relayout
|
|
$0.transform = CGAffineTransform(scaleX: 1.2, y: 1.2)
|
|
}.onDeselected {
|
|
$0.transform = CGAffineTransform.identity
|
|
}
|
|
]
|
|
items.forEach { $0.tintColor = .lightGray }
|
|
|
|
// We can change the container insets if we want
|
|
messageInputBar.inputTextView.textContainerInset = UIEdgeInsets(top: 8, left: 0, bottom: 8, right: 0)
|
|
messageInputBar.inputTextView.placeholderLabelInsets = UIEdgeInsets(top: 8, left: 5, bottom: 8, right: 5)
|
|
|
|
// Since we moved the send button to the bottom stack lets set the right stack width to 0
|
|
messageInputBar.setRightStackViewWidthConstant(to: 0, animated: true)
|
|
|
|
// Finally set the items
|
|
messageInputBar.setStackViewItems(items, forStack: .bottom, animated: true)
|
|
}
|
|
|
|
func iMessage() {
|
|
defaultStyle()
|
|
messageInputBar.isTranslucent = false
|
|
messageInputBar.separatorLine.isHidden = true
|
|
messageInputBar.inputTextView.backgroundColor = UIColor(red: 245/255, green: 245/255, blue: 245/255, alpha: 1)
|
|
messageInputBar.inputTextView.placeholderTextColor = UIColor(red: 0.6, green: 0.6, blue: 0.6, alpha: 1)
|
|
messageInputBar.inputTextView.textContainerInset = UIEdgeInsets(top: 8, left: 16, bottom: 8, right: 36)
|
|
messageInputBar.inputTextView.placeholderLabelInsets = UIEdgeInsets(top: 8, left: 20, bottom: 8, right: 36)
|
|
messageInputBar.inputTextView.layer.borderColor = UIColor(red: 200/255, green: 200/255, blue: 200/255, alpha: 1).cgColor
|
|
messageInputBar.inputTextView.layer.borderWidth = 1.0
|
|
messageInputBar.inputTextView.layer.cornerRadius = 16.0
|
|
messageInputBar.inputTextView.layer.masksToBounds = true
|
|
messageInputBar.inputTextView.scrollIndicatorInsets = UIEdgeInsets(top: 8, left: 0, bottom: 8, right: 0)
|
|
messageInputBar.setRightStackViewWidthConstant(to: 36, animated: true)
|
|
messageInputBar.setStackViewItems([messageInputBar.sendButton], forStack: .right, animated: true)
|
|
messageInputBar.sendButton.imageView?.backgroundColor = UIColor(red: 15/255, green: 135/255, blue: 255/255, alpha: 1.0)
|
|
messageInputBar.sendButton.contentEdgeInsets = UIEdgeInsets(top: 2, left: 2, bottom: 2, right: 2)
|
|
messageInputBar.sendButton.setSize(CGSize(width: 36, height: 36), animated: true)
|
|
messageInputBar.sendButton.image = #imageLiteral(resourceName: "ic_up")
|
|
messageInputBar.sendButton.title = nil
|
|
messageInputBar.sendButton.imageView?.layer.cornerRadius = 16
|
|
messageInputBar.sendButton.backgroundColor = .clear
|
|
messageInputBar.textViewPadding.right = -38
|
|
}
|
|
|
|
func defaultStyle() {
|
|
messageInputBar.inputTextView.resignFirstResponder()
|
|
let newMessageInputBar = MessageInputBar()
|
|
newMessageInputBar.delegate = self
|
|
messageInputBar = newMessageInputBar
|
|
reloadInputViews()
|
|
}
|
|
|
|
// MARK: - Helpers
|
|
|
|
func makeButton(named: String) -> InputBarButtonItem {
|
|
return InputBarButtonItem()
|
|
.configure {
|
|
$0.spacing = .fixed(10)
|
|
$0.image = UIImage(named: named)?.withRenderingMode(.alwaysTemplate)
|
|
$0.setSize(CGSize(width: 30, height: 30), animated: true)
|
|
}.onSelected {
|
|
$0.tintColor = UIColor(red: 15/255, green: 135/255, blue: 255/255, alpha: 1.0)
|
|
}.onDeselected {
|
|
$0.tintColor = UIColor.lightGray
|
|
}.onTouchUpInside { _ in
|
|
print("Item Tapped")
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - MessagesDataSource
|
|
|
|
extension ConversationViewController: MessagesDataSource {
|
|
|
|
func currentSender() -> Sender {
|
|
return SampleData().getCurrentSender()
|
|
}
|
|
|
|
func numberOfMessages(in messagesCollectionView: MessagesCollectionView) -> Int {
|
|
return messageList.count
|
|
}
|
|
|
|
func messageForItem(at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> MessageType {
|
|
return messageList[indexPath.section]
|
|
}
|
|
|
|
func avatar(for message: MessageType, at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> Avatar {
|
|
return SampleData().getAvatarFor(sender: message.sender)
|
|
}
|
|
|
|
func cellTopLabelAttributedText(for message: MessageType, at indexPath: IndexPath) -> NSAttributedString? {
|
|
let name = message.sender.displayName
|
|
return NSAttributedString(string: name, attributes: [NSAttributedStringKey.font: UIFont.preferredFont(forTextStyle: .caption1)])
|
|
}
|
|
|
|
func cellBottomLabelAttributedText(for message: MessageType, at indexPath: IndexPath) -> NSAttributedString? {
|
|
let formatter = DateFormatter()
|
|
formatter.dateStyle = .medium
|
|
let dateString = formatter.string(from: message.sentDate)
|
|
return NSAttributedString(string: dateString, attributes: [NSAttributedStringKey.font: UIFont.preferredFont(forTextStyle: .caption2)])
|
|
}
|
|
|
|
}
|
|
|
|
// MARK: - MessagesDisplayDelegate
|
|
|
|
extension ConversationViewController: MessagesDisplayDelegate {
|
|
|
|
func textColor(for message: MessageType, at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> UIColor {
|
|
return isFromCurrentSender(message: message) ? .white : .darkText
|
|
}
|
|
|
|
func messageStyle(for message: MessageType, at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> MessageStyle {
|
|
let corner: MessageStyle.TailCorner = isFromCurrentSender(message: message) ? .bottomRight : .bottomLeft
|
|
return .bubbleTail(corner, .curved)
|
|
// let configurationClosure = { (view: MessageContainerView) in}
|
|
// return .custom(configurationClosure)
|
|
}
|
|
|
|
func messageFooterView(for message: MessageType, at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> MessageFooterView? {
|
|
return messagesCollectionView.dequeueMessageFooterView(for: indexPath)
|
|
}
|
|
|
|
}
|
|
|
|
// MARK: - MessagesLayoutDelegate
|
|
|
|
extension ConversationViewController: MessagesLayoutDelegate {
|
|
|
|
func cellTopLabelAlignment(for message: MessageType, at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> LabelAlignment {
|
|
if isFromCurrentSender(message: message) {
|
|
return .messageTrailing(UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 10))
|
|
} else {
|
|
return .messageLeading(UIEdgeInsets(top: 0, left: 10, bottom: 0, right: 0))
|
|
}
|
|
}
|
|
|
|
func cellBottomLabelAlignment(for message: MessageType, at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> LabelAlignment {
|
|
if isFromCurrentSender(message: message) {
|
|
return .messageLeading(UIEdgeInsets(top: 0, left: 10, bottom: 0, right: 0))
|
|
} else {
|
|
return .messageTrailing(UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 10))
|
|
}
|
|
}
|
|
|
|
func avatarAlignment(for message: MessageType, at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> AvatarAlignment {
|
|
return .messageBottom
|
|
}
|
|
|
|
func footerViewSize(for message: MessageType, at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> CGSize {
|
|
|
|
return CGSize(width: messagesCollectionView.bounds.width, height: 10)
|
|
}
|
|
|
|
}
|
|
|
|
// MARK: - LocationMessageLayoutDelegate
|
|
|
|
extension ConversationViewController: LocationMessageLayoutDelegate {
|
|
|
|
func heightForLocation(message: MessageType, at indexPath: IndexPath, with maxWidth: CGFloat, in messagesCollectionView: MessagesCollectionView) -> CGFloat {
|
|
return 200
|
|
}
|
|
|
|
}
|
|
|
|
// MARK: - MediaMessageLayoutDelegate
|
|
|
|
extension ConversationViewController: MediaMessageLayoutDelegate {}
|
|
|
|
// MARK: - MessageCellDelegate
|
|
|
|
extension ConversationViewController: MessageCellDelegate {
|
|
|
|
func didTapAvatar<T>(in cell: MessageCollectionViewCell<T>) {
|
|
print("Avatar tapped")
|
|
}
|
|
|
|
func didTapMessage<T>(in cell: MessageCollectionViewCell<T>) {
|
|
print("Message tapped")
|
|
}
|
|
|
|
func didTapTopLabel<T>(in cell: MessageCollectionViewCell<T>) {
|
|
print("Top label tapped")
|
|
}
|
|
|
|
func didTapBottomLabel<T>(in cell: MessageCollectionViewCell<T>) {
|
|
print("Bottom label tapped")
|
|
}
|
|
|
|
}
|
|
|
|
// MARK: - MessageLabelDelegate
|
|
|
|
extension ConversationViewController: MessageLabelDelegate {
|
|
|
|
func didSelectAddress(_ addressComponents: [String : String]) {
|
|
print("Address Selected: \(addressComponents)")
|
|
}
|
|
|
|
func didSelectDate(_ date: Date) {
|
|
print("Date Selected: \(date)")
|
|
}
|
|
|
|
func didSelectPhoneNumber(_ phoneNumber: String) {
|
|
print("Phone Number Selected: \(phoneNumber)")
|
|
}
|
|
|
|
func didSelectURL(_ url: URL) {
|
|
print("URL Selected: \(url)")
|
|
}
|
|
|
|
}
|
|
|
|
// MARK: - LocationMessageDisplayDelegate
|
|
|
|
extension ConversationViewController: LocationMessageDisplayDelegate {
|
|
|
|
func annotationViewForLocation(message: MessageType, at indexPath: IndexPath, in messageCollectionView: MessagesCollectionView) -> MKAnnotationView? {
|
|
let annotationView = MKAnnotationView(annotation: nil, reuseIdentifier: nil)
|
|
let pinImage = #imageLiteral(resourceName: "pin")
|
|
annotationView.image = pinImage
|
|
annotationView.centerOffset = CGPoint(x: 0, y: -pinImage.size.height / 2)
|
|
return annotationView
|
|
}
|
|
|
|
func animationBlockForLocation(message: MessageType, at indexPath: IndexPath, in messagesCollectionView: MessagesCollectionView) -> ((UIView) -> Void)? {
|
|
return { view in
|
|
view.layer.transform = CATransform3DMakeScale(0, 0, 0)
|
|
view.alpha = 0.0
|
|
UIView.animate(withDuration: 0.6, delay: 0, usingSpringWithDamping: 0.9, initialSpringVelocity: 0, options: [], animations: {
|
|
view.layer.transform = CATransform3DIdentity
|
|
view.alpha = 1.0
|
|
}, completion: nil)
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
// MARK: - MessageInputBarDelegate
|
|
|
|
extension ConversationViewController: MessageInputBarDelegate {
|
|
|
|
func messageInputBar(_ inputBar: MessageInputBar, didPressSendButtonWith text: String) {
|
|
messageList.append(MockMessage(text: text, sender: currentSender(), messageId: UUID().uuidString))
|
|
inputBar.inputTextView.text = String()
|
|
messagesCollectionView.reloadData()
|
|
}
|
|
|
|
}
|