例如我们需要弹出以下协议,文字较多的弹框时,系统给出的默认样式非常丑(当然是设计师说的)如果我们能调整字体大小,对齐方式就会看起来非常适合阅读习惯,接下来我们动手操作试试看.
默认弹框样式
常规代码如下:
UIAlertController * alert = [UIAlertController alertControllerWithTitle:@"活动协议" message:@"文本相关内容 " preferredStyle:UIAlertControllerStyleAlert];
UIAlertAction * act = [UIAlertAction actionWithTitle:@"同意" style:UIAlertActionStyleDestructive handler:^(UIAlertAction * _Nonnull action) {
// [self payInfoAlert];
}];
UIAlertAction * actt = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil];
[alert addAction:act];
[alert addAction:actt];
[self presentViewController:alert animated:YES completion:nil];
首先将文字单独拿出来做我们想要的设置
//创建弹框
UIAlertController * alert = [UIAlertController alertControllerWithTitle:@"活动协议" message:@"" preferredStyle:UIAlertControllerStyleAlert];
//创建想要的字符串富文本
NSMutableAttributedString *alertControllerMessageStr = [[NSMutableAttributedString alloc] initWithString:@"文本相关内容 "];
//设置想要长度内的字体大小
[alertControllerMessageStr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:13.5] range:NSMakeRange(0, 281)];
//将富文本添加到 alert 弹框中
[alert setValue:alertControllerMessageStr forKey:@"attributedMessage"];
接下来为弹框增加分类让我们能拿到 title 和 message 设置对齐方式
.h
@property (nonatomic, strong) UILabel *ys_titleLabel;
/**
alertController message
*/
@property (nonatomic, strong) UILabel *ys_messageLabel;
.m
@dynamic ys_titleLabel;
@dynamic ys_messageLabel;
- (NSArray *)ys_viewArray:(UIView *)root {
static NSArray *_subviews = nil;
_subviews = nil;
for (UIView *v in root.subviews) {
if (_subviews) {
break;
}
if ([v isKindOfClass:[UILabel class]]) {
_subviews = root.subviews;
return _subviews;
}
[self ys_viewArray:v];
}
return _subviews;
}
- (UILabel *)ys_titleLabel {
return [self ys_viewArray:self.view][0];
}
- (UILabel *)ys_messageLabel {
return [self ys_viewArray:self.view][1];
}
做好前面工作就可以收尾了
//一句代码轻松设置
alert.ys_messageLabel.textAlignment = NSTextAlignmentLeft;
[self presentViewController:alert animated:YES completion:nil];
优化后的效果.PNG
更改颜色突出关键文字等,根据自己需要定义即可
有没有感觉舒服一点?
[alertControllerMessageStr addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSMakeRange(33, 44)];
[alertControllerMessageStr addAttribute:NSForegroundColorAttributeName value:[UIColor purpleColor] range:NSMakeRange(66, 70)];
最后奉上纯手打的字符串
@"主要更新:\n- 焕然一新的文章列表页,带给你全新的阅读体验\n- 支持删除专题了,强迫症福音\n- 支持移除粉丝\n- 文章支持和保存 gif 图片了\n\n其他更新:\n- 去掉发现页好友喜欢的文章模块\n- 搜索新增热门专题\n- 坚信支持转发给好友\n- 去掉分享文章带的用户名和简书后缀,只保留文章标题"
@end
