3

いくつかのバブルの最小幅を設定するための正しいアプローチはどれだろうと思っていました。カスタム セルで applyLayoutAttributes: をオーバーライドしようとしましたが、データ ソースにアクセスして、どのセルの幅を最小にする必要があるかを知る必要があります。cellForItemAtIndexPath: の messageBubbleLeftRightMargin をいじっていますが、結果はありません。どんなポインタでも素晴らしいでしょう

編集

私のメッセージモデル（に準拠）には、バブルに最小幅が必要かどうかを知らせるフラグがあります

カスタム セルでは、カスタム レイアウトをオーバーライドできますが、データソースにアクセスできないため、そのフラグにアクセスできません。

-(void)applyLayoutAttributes:(UICollectionViewLayoutAttributes *)layoutAttributes{
            JSQMessagesCollectionViewLayoutAttributes *customAttributes = (JSQMessagesCollectionViewLayoutAttributes *)layoutAttributes;

    // I need access to my <JSQMessageData> for the condition
            if (condition) {
                if(customAttributes.messageBubbleContainerViewWidth <175){
                    customAttributes.messageBubbleContainerViewWidth = 175;
                }
            }

            [super applyLayoutAttributes:customAttributes];
}

また、JSQMessagesViewController サブクラスで leftright 制約にアクセスしようとしましたが、役に立ちませんでした

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    /**
     *  Override point for customizing cells
     */
    JSQMessagesCollectionViewCell *cell = (JSQMessagesCollectionViewCell *)[super collectionView:collectionView cellForItemAtIndexPath:indexPath];

    BLMessage *message = [self.visibleMessagesArray objectAtIndex:indexPath.item];

    JSQMessagesCollectionViewLayoutAttributes *customAttributes = [JSQMessagesCollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];

    if(message.isEphemeral){
      //random number to see if it had an effect
      self.collectionView.collectionViewLayout.messageBubbleLeftRightMargin = 200;

       //I also tried modifying the customAttributes
       //customAttributes.messageBubbleContainerViewWidth = 175;

    }
    return cell;
}

私はUICollectionViewFlowLayoutなどに慣れていないので、いくつかのコアコンセプトが欠けている可能性があります

4

1 に答える 1

4

わかりましたので、何が悪いのかわかりました。新しいレイアウトをセルに適用していなかったので、 cellForItemAtIndexPath は次のようになりました。

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    /**
     *  Override point for customizing cells
     */
    JSQMessagesCollectionViewCell *cell = (JSQMessagesCollectionViewCell *)[super collectionView:collectionView cellForItemAtIndexPath:indexPath];

    BLMessage *message = [self.visibleMessagesArray objectAtIndex:indexPath.item];

    JSQMessagesCollectionViewLayoutAttributes *customAttributes = (JSQMessagesCollectionViewLayoutAttributes *)[self.collectionView layoutAttributesForItemAtIndexPath:indexPath];

    if(message.isEphemeral){
       //I also tried modifying the customAttributes
       customAttributes.messageBubbleContainerViewWidth = 175;
       [cell applyLayoutAttributes: customAttributes];

    }
    return cell;
}

- - - - - - -編集 - - - - - -

以前の私の答えにはいくつかの副作用がありましapplyLayoutAttributes:たcollectionView:cellForItemAtIndexPath:。

これを行う適切な方法は、サブクラス化することですJSQMessagesCollectionViewFlowLayout

CustomCollectionViewFlowLayout.h

#import "JSQMessagesCollectionViewFlowLayout.h"

@interface CustomCollectionViewFlowLayout : JSQMessagesCollectionViewFlowLayout
@property (strong, nonatomic) UIImageView *incomingBubbleMask;
@end

CustomCollectionViewFlowLayout.m

#import "CustomCollectionViewFlowLayout.h"
#import "JSQMessage.h"

#import "JSQMessagesCollectionView.h"
#import "JSQMessagesCollectionViewCell.h"

#import "JSQMessagesCollectionViewLayoutAttributes.h"
#import "JSQMessagesCollectionViewFlowLayoutInvalidationContext.h"

#import "UIImage+JSQMessages.h"

@implementation CustomCollectionViewFlowLayout
+ (Class)layoutAttributesClass
{
    return [JSQMessagesCollectionViewLayoutAttributes class];
}

- (CGSize)messageBubbleSizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
    CGSize superSize = [super messageBubbleSizeForItemAtIndexPath:indexPath];

    JSQMessage *currentMessage = (JSQMessage *)[self.collectionView.dataSource collectionView:self.collectionView messageDataForItemAtIndexPath:indexPath];

    /*********** Setting size **************/
    //check if outgoing, you can import your Session Manager to check your user identifier
    if ([currentMessage.senderId isEqualToString:@"me") {
        superSize = CGSizeMake(175, superSize.height);
    }
    //do whatever other checks and setup your width/height accordingly

    return superSize;
}

@end

JSQMessagesViewControllerサブクラス#import "CustomCollectionViewFlowLayout.h"とviewDidLoad追加でカスタム レイアウトを設定することを忘れないでください。self.collectionView.collectionViewLayout = [[CustomCollectionViewFlowLayout alloc] init];

于 2015-07-01T21:29:12.897 に答える