JSQMessagesViewController 업데이트시 버블 이미지 색상 업데이트

Question

JSQMessagesViewController로 작업 중이며 버블 컬러 세 개를 구현했습니다. 추가 색상은 검토 된 대화방에서 승인되지 않은 메시지를 나타내도록 설계되었습니다.

채팅 메시지 항목이 변경되면 Firebase 백엔드를 실행하고 승인 된 플래그를 업데이트하고 있습니다.

모두 잘되고 있으며 실시간으로 데이터가 변경되고 있습니다. 문제는 채팅 버블 색상과 관련이 있습니다. 내가 무엇을 변경하든 상관 없습니다.

레이아웃, reloaddata를 무효화하려고 시도했습니다. 셀에 직접 액세스합니다 (읽기 전용으로 제공됨). 채팅보기를 종료하고 돌아 오는 것 외에는 색을 변경하지 못하는 것 같습니다.

 messageRef.observe(.childChanged, with: { (snapshot) in 
     let key = snapshot.key 
     if let dict = snapshot.value as? [String: AnyObject] { 
      let approved = (dict["approved"]?.boolValue ?? true) 

      let indexOfMesage = self.messages.index(where:{$0.key == key}) 
      var message = self.messages[indexOfMesage!] 
      message.approved = approved 
      print(message) 

      self.collectionView.performBatchUpdates({() -> Void in 
      self.collectionView.collectionViewLayout.invalidateLayout()     
      self.collectionView.reloadData() 
      }, completion:nil) 

     } 

어떤 도움을 주시면 감사하겠습니다. 위의 코드는 많은 시도 중 하나 일뿐입니다.

---

아래 "응답"후 추가 정보를 요청하는 "messageBubbleImageDataForItemAt"를 추가하십시오.

override func collectionView(_ collectionView: JSQMessagesCollectionView!, messageBubbleImageDataForItemAt indexPath: IndexPath!) -> JSQMessageBubbleImageDataSource! { 
    let message = messages[indexPath.item] // 1 
    if message.messageItem.senderId == senderId { // 2 
     if (message.approved == true){ 
      return outgoingBubbleImageView 
     }else{ 
      return outgoingUnnaprovedBubbleImageView 
     } 
    }else if (self.superUsers.contains(message.messageItem.senderId)){ 
     return incomingAdminBubbleImageView 
    }else { // 3 
     if (message.approved == true){ 
      return incomingBubbleImageView 
     }else{ 
      return incomingUnnapprovedBubbleImageView 
     } 
    } 
} 

Answer 1

거품을 취소해도 거품 색에는 아무런 영향이 없습니다. 나는 당신이 당신이해야만하는 messageDataObject를 수정하는 것이 JSQMessageData 프로토콜을 따르고 메시지 승인 상태를위한 속성을 추가 할 것을 제안한다. 난 당신이 세 가지 메시지가 있다고 가정 하겠어

은보기가 당신을로드 한에 다음 실제로 정의이

var incomingBubble: JSQMessagesBubbleImage! 
var outgoingBubble: JSQMessagesBubbleImage! 
var approvedBubble: JSQMessagesBubbleImage! 

같은 뭔가를 정의 거품.

incomingBubble = JSQMessagesBubbleImageFactory().incomingMessagesBubbleImage(with: UIColor.jsq_messageBubbleBlue()) 
outgoingBubble = JSQMessagesBubbleImageFactory().outgoingMessagesBubbleImage(with: UIColor.lightGray) 
approvedBubble = JSQMessagesBubbleImageFactory().outgoingMessagesBubbleImage(with: UIColor.red) 

그럼 당신이 사용하는 거품에 대한 논리를 제공해야 messageBubbleImageDataForItemAt 오버라이드 기능을한다.

override func collectionView(_ collectionView: JSQMessagesCollectionView, messageBubbleImageDataForItemAt indexPath: IndexPath) -> JSQMessageBubbleImageDataSource { 
    //Sent by the current user 
    if messages[indexPath.item].senderId == self.senderId(){ 
     return outgoingBubble 
    } 
    //Check if the message is approved from that property earlier. 
    if messages[indexPath.item].approved { 
     return approvedBubble 
    } 
    // its just a normal message return incoming message. 
    return incomingBubble 
} 

메시지가 승인되면이 시점에서 firebase에서 가져와야합니다.

그러면 firebase에서 최신 버전을 가져온 경우 self.collectionView.reloadData()을 호출하면 색상이 업데이트됩니다.

도움이되기를 바랍니다. 더 궁금한 점이 있으면 알려주세요.