前言: 我模仿的是微博的布局所以也就没有 评论动态刷新cell.
- 什么人群适合看?
好奇Masonry使用的, 听过没用过, 没有深入的接触过的 可以看.
- 为什么要写?
很多文章都是这个原因 1 备忘 2 给需要的人 -.-
- 这篇可以了解哪些?
Masonry + HYBMasonryAutoCellHeight + TTTAttributedLabel + 话题正则 + 表情正则 + 链接 同时感谢作者开源
这里图片浏览器使用的 SDPhotoBrowser - 使用方便吗?
使用很方便, 不需要通过文本的宽度计算高度来自适应label了, 使用Masonry 在iOS10 貌似没有出现因为像素点原因, 而显示不完全的问题~
我用类似于微博界面的样式进行测试的 so最帅的头像就是我的微博啦
我用类似于微博界面的样式进行测试的 so最帅的头像就是我的微博啦
我用类似于微博界面的样式进行测试的 so最帅的头像就是我的微博啦
下面进入正题代码的实现~
布局cell上的子控件
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
// Masonry布局 // 头像 [_headerImageView mas_makeConstraints:^(MASConstraintMaker *make) { // 进行约束设置 make.top.left.equalTo(self.contentView).with.offset(SPACE); make.width.height.mas_equalTo(33); }]; // 昵称 // 文本内容要显示多长 _labelName.preferredMaxLayoutWidth = SCREEN_W - 63; _labelName.numberOfLines = 0; [_labelName mas_makeConstraints:^(MASConstraintMaker *make) { make.top.equalTo(self.contentView).with.offset(SPACE); make.left.equalTo(self.headerImageView.mas_right).with.offset(SPACE); make.right.equalTo(self.contentView).with.offset(-SPACE); }]; // 时间 _labelTime.preferredMaxLayoutWidth = SCREEN_W - 63; _labelTime.numberOfLines = 0; [_labelTime mas_makeConstraints:^(MASConstraintMaker *make) { make.top.equalTo(self.labelName.mas_bottom).with.offset(SPACE); // 空隙 为 10(SPACE) make.left.right.equalTo(self.labelName); }]; // 发布的内容 // 视图是多宽的 进行相应的设置 self.labelText.preferredMaxLayoutWidth = SCREEN_W - 63; _labelText.numberOfLines = 0; [_labelText mas_makeConstraints:^(MASConstraintMaker *make) { make.top.equalTo(self.labelTime.mas_bottom).with.offset(SPACE); make.left.right.mas_equalTo(self.labelTime); }]; // 自动检测链接 _labelText.enabledTextCheckingTypes = NSTextCheckingTypeLink; // 图片浏览器 [_photosGroup mas_makeConstraints:^(MASConstraintMaker *make) { // make.top.equalTo(self.labelText.mas_bottom).with.offset(SPACE); make.left.equalTo(self.labelText); make.width.mas_equalTo(SCREEN_W - 63); }]; |
方法赋值 赋值 – 并且更新需要更新的布局
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
#pragma mark - 赋值 - s="crayon-code"> #pragma mark - 赋值 - ϯ以看.
我用类似于微博界面的样式进行测试的 so最帅的头像就是我的微博啦
我用类似于微博界面的样式进行测试的 so最帅的头像就是我的微博啦
我用类似于微博界面的样式进行测试的 so最帅的头像就是我的微博啦
下面进入正题代码的实现~ 布局cell上的子控件
方法赋值 赋值 – 并且更新需要更新的布局
|
