将子视图添加到 UICollectionViewCell 子类？

Posted 2023-03-14

【中文标题】将子视图添加到 UICollectionViewCell 子类？

【英文标题】：Adding Subview to UICollectionViewCell Subclass?

【发布时间】：2016-03-16 22:02:23

【问题描述】：

我似乎无法将子视图添加到我的 UICollectionViewCell 子类中的视图。

我有一个抽象的UICollectionViewCell 子类，标题为MessageItem，如下所示：

我创建了一些继承自它的类（因为它们都对页眉和页脚使用相同的逻辑）。但是，我似乎无法从子子类中将任何子视图添加到 MessageItem 的蓝色视图中。

例如，其中一个子视图称为TextItem。我正在尝试向它的父 messageView（蓝色视图）添加标签，但只有在我的 UIViewController 的 cellForItemAtIndexPath:(NSIndexPath *)indexPath 方法中而不是在我的自定义子类中这样做时它才有效。

这就是我尝试将它添加到我的子子类中的方式：

- (instancetype)initWithFrame:(CGRect)frame 

    self = [super initWithFrame:frame];
    if (self) 

        //Setup Message Label
        [self setupMessageLabel];
    

    return self;


#pragma mark - Setup Methods

- (void)setupMessageLabel 

    NSLog(@"Setting up label");

    //Setup Message Label
    self.messageLabel = [TTTAttributedLabel new];
    self.messageLabel.verticalAlignment = TTTAttributedLabelVerticalAlignmentCenter;
    self.messageLabel.textInsets = UIEdgeInsetsMake(8, 8, 8, 8);
    self.messageLabel.numberOfLines = 0;
    [self.messageContentView addSubview:self.messageLabel];
    [self.messageContentView autoPinEdgesToSuperviewEdges];

    //Update Label Color
    self.messageLabel.backgroundColor = FlatRed;

注意：我没有使用故事板或 xibs。会不会是这个问题？

更新

这就是我的MessageItem 类的实现方式：

MessageItem.h

#import <UIKit/UIKit.h>

@class Message;

@interface MessageItem : UICollectionViewCell

@property (nonatomic, strong) Message *message;
@property (nonatomic, strong) UIView *messageContentView;

@end

MessageItem.m

@interface MessageItem ()

@property (nonatomic, strong) TTTAttributedLabel *headerLabel;
@property (nonatomic, strong) TTTAttributedLabel *footerLabel;

@end

@implementation MessageItem
@synthesize message = _message;

- (instancetype)initWithFrame:(CGRect)frame 

    self = [super initWithFrame:frame];
    if (self) 

        //Setup Main View
        [self setupMainView];
    

    return self;


#pragma mark - Setup Methods

- (void)setupMainView 

    //Setup Header
    [self setupHeaderLabel];

    //Setup Message
    [self setupMessageView];

    //Setup Footer View
    [self setupFooterLabel];


- (void)setupHeaderLabel 

    //Setup Header Label
    self.headerLabel = [[TTTAttributedLabel alloc] initForAutoLayout];
    self.headerLabel.font = [UIFont fontWithName:@"Lato-Bold" size:12.0];
    self.headerLabel.textColor = FlatGray;
    self.headerLabel.textAlignment = NSTextAlignmentCenter;
    self.headerLabel.verticalAlignment = TTTAttributedLabelVerticalAlignmentCenter;
    self.headerLabel.textInsets = UIEdgeInsetsMake(0, 8, 0, 8);
    self.headerLabel.backgroundColor = FlatPurple;
    [self.contentView addSubview:self.headerLabel];
    [self.headerLabel autoSetDimension:ALDimensionHeight toSize:20.0];
    [self.headerLabel autoPinEdgesToSuperviewEdgesWithInsets:UIEdgeInsetsZero excludingEdge:ALEdgeBottom];


- (void)setupMessageView 

    //Setup Message View
    self.messageContentView = [UIView new];
    self.messageContentView.backgroundColor = [UIColor blueColor];
    [self.contentView addSubview:self.messageContentView];
    [self.messageContentView autoSetDimension:ALDimensionHeight toSize:30 relation:NSLayoutRelationGreaterThanOrEqual];
    [self.messageContentView autoPinEdgeToSuperviewEdge:ALEdgeLeading];
    [self.messageContentView autoPinEdgeToSuperviewEdge:ALEdgeTrailing];
    [self.messageContentView autoPinEdge:ALEdgeTop toEdge:ALEdgeBottom ofView:self.headerLabel];


- (void)setupFooterLabel 

    //Setup Footer Label
    self.footerLabel = [[TTTAttributedLabel alloc] initForAutoLayout];
    self.footerLabel.font = [UIFont fontWithName:@"Lato-Bold" size:10.0];
    self.footerLabel.textColor = FlatGray;
    self.footerLabel.backgroundColor = FlatGreen;
    self.footerLabel.textAlignment = NSTextAlignmentLeft;
    self.footerLabel.textInsets = UIEdgeInsetsMake(0, 8, 0, 8);
    [self.contentView addSubview:self.footerLabel];
    [self.footerLabel autoSetDimension:ALDimensionHeight toSize:10.0];
    [self.footerLabel autoPinEdgeToSuperviewEdge:ALEdgeLeading];
    [self.footerLabel autoPinEdgeToSuperviewEdge:ALEdgeTrailing];
    [self.footerLabel autoPinEdgeToSuperviewEdge:ALEdgeBottom];
    [self.footerLabel autoPinEdge:ALEdgeTop toEdge:ALEdgeBottom ofView:self.messageContentView];

TextItem.m

- (instancetype)initWithFrame:(CGRect)frame 

    self = [super initWithFrame:frame];
    if (self) 

        //Setup Message Label
        [self setupMessageLabel];
    

    return self;



#pragma mark - Setup Methods

- (void)setupMessageLabel 

    //Setup Message Label
    self.messageLabel = [[TTTAttributedLabel alloc] initWithFrame:CGRectMake(0, 0, 320, 100)];
    self.messageLabel.verticalAlignment = TTTAttributedLabelVerticalAlignmentCenter;
    self.messageLabel.textInsets = UIEdgeInsetsMake(8, 8, 8, 8);
    self.messageLabel.numberOfLines = 0;
    [self.messageContentView addSubview:self.messageLabel];

    //Update Label Color
    self.messageLabel.backgroundColor = FlatRed;


#pragma mark - Setter Methods

- (void)setMessageText:(NSString *)text 

    //Incoming Text Message
    NSMutableAttributedString *textString = [[NSMutableAttributedString alloc] initWithString:text];
    [textString addAttribute:NSForegroundColorAttributeName value:[UIColor darkGrayColor] range:NSMakeRange(0, textString.length)];
    [textString addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:16 weight:UIFontWeightLight] range:NSMakeRange(0, textString.length)];

    //Set Paragraph Style
    NSMutableParagraphStyle *paragraphStyle = [NSMutableParagraphStyle new];
    paragraphStyle.minimumLineHeight = 20;
    paragraphStyle.maximumLineHeight = 20;
    [textString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, textString.length)];

    //Update Message Label
    [self.messageLabel setText:textString];

    NSLog(@"Set Message Label Text");


- (void)setMessage:(Message *)message 

    //Super
    [super setMessage:message];

    //Update Message Text
    [self setMessageText:message.text];

这就是我的 collectionView 的样子：

我至少希望 messageLabel 的颜色能够反映 TextItem 的变化，但事实并非如此。

【参考方案1】：

你实现initWithCoder了吗？

- (id)initWithCoder:(NSCoder*)aDecoder 

    if(self = [super initWithCoder:aDecoder]) 
        // Do something
    
    return self;

我没有你所有的代码，但你的代码对我来说看起来不错。也许问题在于您如何初始化 TextItem。

这是一个使用您的代码的演示，对我来说效果很好。 https://www.dropbox.com/s/7qp9ayqnyacf57j/CustomCellView.zip?dl=0

【讨论】：

我可能错了，但initWithCoder 不是只有在使用情节提要时才需要吗？我的initWithFrame 也被调用了。

所以一切都是用代码编写的？你能告诉我们 MessageItem 类是如何实现的吗？

你是如何初始化TextItem的？什么时候显示正确，什么时候不显示？

刚刚更新了我的答案，提供了更多详细信息。顺便说一句，感谢您的宝贵时间。

我没有从代码中看到任何危险信号，稍后会回复您。