JSQMessagesViewController

Question

我正在使用 JSQMessagesViewController 发送和接收 messages.It 适用于文本消息。 是否可以使用 JSQMessagesViewController 框架发送带有附加图像文件的文本消息。

点击后应显示附加的图像文件。像这样。

发送消息在消息window中应该是这样显示的

用于发送照片

- (void)addPhotoMediaMessage
{
   JSQPhotoMediaItem *photoItem = [[JSQPhotoMediaItem alloc] initWithImage:[UIImage imageNamed:@"goldengate"]];
   JSQMessage *photoMessage = [JSQMessage messageWithSenderId:kJSQDemoAvatarIdSquires
                                               displayName:kJSQDemoAvatarDisplayNameSquires
                                                     media:photoItem];
  [self.messages addObject:photoMessage];
}

正在发送短信

- (void)didPressSendButton:(UIButton *)button
       withMessageText:(NSString *)text
              senderId:(NSString *)senderId
     senderDisplayName:(NSString *)senderDisplayName
                  date:(NSDate *)date
{
    [JSQSystemSoundPlayer jsq_playMessageSentSound];
    JSQMessage *message = [JSQMessage messageWithSenderId:senderId
                                          displayName:senderDisplayName
                                                 text:text];
   [self.messages addObject:message];
   [self finishSendingMessageAnimated:YES];
   [self receiveAutoMessage];
}

Answer 1

不，不可能将两者作为一条消息发送，但您可以将它们作为两条消息发送，并使用唯一的自定义标识符，然后在您的应用中将它们连接在一起。希望有所帮助

Answer 2

要完成此任务，您必须创建一个自定义单元格，然后在您的 CollectionView

中使用该单元格

首先 subclass JSQMessage class 到类似下面的内容以保留图像 urls（附件）的数据 -

class ChatMessage: JSQMessage {

    internal var attachments : [NSURL]?

    init(senderId: String!, senderDisplayName: String!, date: NSDate!, text: String!, attachments: [NSURL]?) {
        self.attachments = attachments
        super.init(senderId: senderId, senderDisplayName: senderDisplayName, date: date, text: text)
    }

    init(senderId: String!, senderDisplayName: String!, date: NSDate!, media: JSQMessageMediaData!) {
        super.init(senderId: senderId, senderDisplayName: senderDisplayName, date: date, media: media)
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    } 

}

现在您必须将此 class 用于所有聊天消息。

接下来，您必须为自定义单元格创建自定义 xib 文件。在该 xib 中，您将为消息文本和附件图标添加标签和图像视图。

现在创建一个 class 代表您的自定义单元格。它将如下所示 -

class CustomCell: UICollectionViewCell { @IBOutlet weak var topLabel: UILabel! @IBOutlet weak var bottomLabel: UILabel! @IBOutlet weak var containerView: UIView! @IBOutlet weak var dataLabel: UILabel! @IBOutlet weak var attachmentIcon: UIImage! override func awakeFromNib() { super.awakeFromNib() } }

现在我们必须在 JSQMessagesViewController subclass 中使用这个 CustomCell。

在 viewDidLoad 中使用集合视图注册您的 nib

self.collectionView.registerNib(UINib(nibName: "CustomCell", bundle: nil), forCellWithReuseIdentifier: "CustomCell")

现在您终于可以使用您的自定义单元格了 -

override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { let message = messages[indexPath.item] if message.attachments.count() != 0 { let cell = collectionView.dequeueReusableCellWithReuseIdentifier("CustomCell", forIndexPath: indexPath) as! CustomCell cell.containerView.backgroundColor = UIColor.jsq_messageBubbleBlueColor() cell.containerView.layer.cornerRadius = 15 return cell } else { // Add code here for the normal cell } }

这应该会成功呈现您的自定义单元格。

最后，在点击自定义视图单元格时，您可以转到一个新的 VC（不要忘记传递您的图像数据）并适当地显示图像。

JSQMessagesViewController - 发送带有附加图像文件的文本消息

JSQMessagesViewController - Send text Message with Attached Images File

ios

objective-c