ios - 气泡图像箭头始终指向正确的方向。如何将绿色气泡的箭头方向更改为向左?

标签 ios chat jsqmessagesviewcontroller

enter image description here

在我的 JSQMessagesViewController 中,当我加载短信气泡时,箭头方向始终是右侧。 如何将绿色气泡的箭头方向更改为向左??

我的代码:

@interface AckChatViewController (){

    JSQMessagesBubbleImage *outgoingBubbleImageView;
    JSQMessagesBubbleImage *incomingBubbleImageView;

    JSQMessagesAvatarImage *currentUserAvatar, *friendAvatar;
    NSMutableArray *messages;
}

@end

@implementation AckChatViewController

pragma mark - 生命周期方法

- (void)viewDidLoad {
    [super viewDidLoad];

    self.navigationController.navigationBar.tintColor = [UIColor whiteColor];
    self.navigationController.navigationBar.topItem.title = @"";
    //initial things for JSQMessageViewController
    [self setupBubbles];
    messages = [NSMutableArray new];

    AllUserDetailsModel *temp = [[AllUserDetailsModel alloc] initWithDictionary:[Neo_Constants getSavedDataFromUserDafaults:USER_INFO_DICTIONARY]];

    self.senderId = [NSString stringWithFormat:@"%@",temp.user_id];

    self.senderDisplayName = @"";

    self.automaticallyScrollsToMostRecentMessage = YES;

    //remove attachment button
    self.inputToolbar.contentView.leftBarButtonItem = nil;

    currentUserAvatar = [JSQMessagesAvatarImage avatarImageWithPlaceholder: [self cropAvatarImages:[UIImage imageNamed:[self defaultImageForGender:temp.userDetails.gender]]]];

    friendAvatar = [JSQMessagesAvatarImage avatarImageWithPlaceholder: [self cropAvatarImages:[UIImage imageNamed:[self defaultImageForGender:self.friendUserDetails.userDetails.gender]]]];

    NSString *imageUrlString = temp.userDetails.profile_pic;

    [self avatarImagesForUrlString:imageUrlString andOnCompletion:^(UIImage *image) {

        if(image){
            currentUserAvatar.avatarImage = image;
        }
    }];

    [self avatarImagesForUrlString:self.friendUserDetails.userDetails.profile_pic andOnCompletion:^(UIImage *image) {

        if(image){
            friendAvatar.avatarImage = image;
        }
    }];

    //set profile pic and name on navigation bar
    [self setNavigationBarTitleView];

    [self loadPreviousChatWithPageCount:0];

}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

pragma mark - JSQ 设置

-(void)setupBubbles{

    JSQMessagesBubbleImageFactory *bubbleImageFactory = [JSQMessagesBubbleImageFactory new];

    outgoingBubbleImageView = [bubbleImageFactory outgoingMessagesBubbleImageWithColor:[UIColor jsq_messageBubbleBlueColor]];

    incomingBubbleImageView = [bubbleImageFactory outgoingMessagesBubbleImageWithColor:[UIColor jsq_messageBubbleGreenColor]];

}

pragma mark Collection View JSQ

-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{

    return messages.count;
}

-(id<JSQMessageData>)collectionView:(JSQMessagesCollectionView *)collectionView messageDataForItemAtIndexPath:(NSIndexPath *)indexPath{

    return messages[indexPath.item];
}

-(id<JSQMessageBubbleImageDataSource>)collectionView:(JSQMessagesCollectionView *)collectionView messageBubbleImageDataForItemAtIndexPath:(NSIndexPath *)indexPath{

    JSQMessage *message = messages[indexPath.item];

    if([message.senderId isEqualToString:self.senderId]){

        return outgoingBubbleImageView;

    }else{

        return incomingBubbleImageView;

    }

}


-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{

    JSQMessagesCollectionViewCell *cell = (JSQMessagesCollectionViewCell *)[super collectionView:collectionView cellForItemAtIndexPath:indexPath];

    JSQMessage *message = messages[indexPath.item];
    if([message.senderId isEqualToString:self.senderId]){

        [cell.textView setTextColor:[UIColor whiteColor]];
    }else{

        [cell.textView setTextColor:[UIColor blackColor]];
    }

    return cell;
}

-(id<JSQMessageAvatarImageDataSource>)collectionView:(JSQMessagesCollectionView *)collectionView avatarImageDataForItemAtIndexPath:(NSIndexPath *)indexPath{

    JSQMessage *message = messages[indexPath.item];

    if([message.senderId isEqualToString:self.senderId]){

        return currentUserAvatar;
    }else{

        return friendAvatar;
    }
}

-(void)collectionView:(JSQMessagesCollectionView *)collectionView header:(JSQMessagesLoadEarlierHeaderView *)headerView didTapLoadEarlierMessagesButton:(UIButton *)sender{


}

//time stamp
-(NSAttributedString *)collectionView:(JSQMessagesCollectionView *)collectionView attributedTextForCellTopLabelAtIndexPath:(NSIndexPath *)indexPath{

    return nil;

}

-(CGFloat)collectionView:(JSQMessagesCollectionView *)collectionView layout:(JSQMessagesCollectionViewFlowLayout *)collectionViewLayout heightForCellTopLabelAtIndexPath:(NSIndexPath *)indexPath{

    return 0;
}

#pragma mark - private functions
-(NSString *)defaultImageForGender:(NSString *)gender{

    if([gender isEqualToString:@"M"] || [gender isEqualToString:@""]){
        return @"no_image_male";
    }else{
        return @"no_image_female";
    }
}

-(void)setNavigationBarTitleView{

    UIView *whole = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width - 100, 100)];

    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(5, 20, 50, 50)];

    [imageView.layer setCornerRadius:25.0f];
    [imageView setClipsToBounds:YES];
    [imageView setContentMode:UIViewContentModeScaleAspectFill];

    if([self.friendUserDetails.userDetails.profile_pic isEqualToString:@""] || [self.friendUserDetails.userDetails.profile_pic isEqual:[NSNull null]]){

        if([self.friendUserDetails.userDetails.gender isEqualToString:@"M"]){
            [imageView setImage:[UIImage imageNamed:@"no_image_male"]];
        }else{
            [imageView setImage:[UIImage imageNamed:@"no_image_female"]];
        }
    }else{

        [imageView sd_setImageWithURL:[NSURL URLWithString:self.friendUserDetails.userDetails.profile_pic]];
    }


    UILabel *nameLabel = [[UILabel alloc] initWithFrame:CGRectMake(60, 20, [UIScreen mainScreen].bounds.size.width, 50)];
    [nameLabel setText:self.friendUserDetails.userDetails.fname];

    [whole addSubview:nameLabel];
    [whole addSubview:imageView];

    self.navigationItem.titleView = whole;
}

#pragma mark - Avtar images area

-(void)avatarImagesForUrlString:(NSString *)urlString andOnCompletion:(void(^)(UIImage *image))completion{

    if([urlString isEqualToString:@""] || [urlString isEqual:[NSNull null]]){

        completion(nil);

    }else{

        [[SDWebImageManager sharedManager] downloadImageWithURL:[NSURL URLWithString:urlString] options:0 progress:nil completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {

            completion ([self cropAvatarImages:image]);
        }];
    }
}

-(UIImage *)cropAvatarImages:(UIImage *)image{

    if(image){
        return [JSQMessagesAvatarImageFactory circularAvatarImage:image withDiameter:48];
    }else{
        if([self.friendUserDetails.userDetails.gender isEqualToString:@"M"]){
            return [UIImage imageNamed:@"no_image_male"];
        }else{
            return [UIImage imageNamed:@"no_image_female"];
        }
    }
}

#pragma mark - API calls

-(void)loadPreviousChatWithPageCount:(int)count{

    [API fetchChatListOfUserWithParams:paramsDict andOnCompletion:^(NSDictionary *result, NSError *error){

        if (!error) {

            if ([[result objectForKey:@"status"] intValue]==1) {

                NSArray *conversation_data = [result objectForKey:@"conversation_data"];
                [messages removeAllObjects];
                [conversation_data enumerateObjectsUsingBlock:^(id _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop){

                    JSQMessage *jsqMsg = [[JSQMessage alloc] initWithSenderId:obj[@"sender_id"] senderDisplayName:@"" date:obj[@"sent_date"] text:obj[@"message_content"]];

                    [messages insertObject:jsqMsg atIndex:idx];

                }];
                [self.collectionView reloadData];

            }else{
               [Neo_Constants showAlert:@"Error" Message:[result objectForKey:@"message"]];
            }

        }else{
            [Neo_Constants showAlert:@"Error" Message:[error localizedDescription]];
        }


    }];

}

-(void)didPressSendButton:(UIButton *)button withMessageText:(NSString *)text senderId:(NSString *)senderId senderDisplayName:(NSString *)senderDisplayName date:(NSDate *)date{

    //    [JSQSystemSoundPlayer jsq_playMessageSentSound];

    [API sendMessageFromUserWithParams:paramsDict andOnCompletion:^(NSDictionary *result, NSError *error){

        if (!error) {

            if ([[result objectForKey:@"status"] intValue]==1) {

                [self loadPreviousChatWithPageCount:0];
                [self.inputToolbar.contentView.textView setText:@""];

            }else{
                [Neo_Constants showAlert:@"Error" Message:[result objectForKey:@"message"]];
            }

        }else{
            [Neo_Constants showAlert:@"Error" Message:[error localizedDescription]];
        }


    }];

}

@end

最佳答案

问题出在这段代码中,您使用相同的方法初始化传出和传入

outgoingMessagesBubbleImageWithColor

尝试传入

incomingMessagesBubbleImageWithColor

和这个一起出去

outgoingMessagesBubbleImageWithColor

这个是对的

-(void)setupBubbles{
    JSQMessagesBubbleImageFactory *bubbleImageFactory = [JSQMessagesBubbleImageFactory new];

    outgoingBubbleImageView = [bubbleImageFactory outgoingMessagesBubbleImageWithColor:[UIColor jsq_messageBubbleBlueColor]];

    incomingBubbleImageView = [bubbleImageFactory incomingMessagesBubbleImageWithColor:[UIColor jsq_messageBubbleGreenColor]];

}

关于ios - 气泡图像箭头始终指向正确的方向。如何将绿色气泡的箭头方向更改为向左?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40655965/

相关文章:

ios - 将解析平台与 JSQMessagesViewController Swift 结合使用

php - 如何在html页面上制作常量脚本

ios - UICollectionView - 下载图像和有效地重新加载数据,如 Instagram

ios - 屏幕边框和条形按钮项目之间的距离

objective-c - 从 UIImagePickerControllerReferenceURL 加载 UIImage

c# - WCF 聊天/游戏服务器 - 客户端关闭

Android 聊天应用笑脸

ios - JSQMessages 无法覆盖方法 Swift 3

ios - 如何调整 JSQ Messages CollectionViewCell 的气泡边距

ios - 使元素成为 UIView 边框顶部的元素显示