简书为例UIAlertController弹框使用小技巧分享

例如我们需要弹出以下协议,文字较多的弹框时,系统给出的默认样式非常丑(当然是设计师说的)如果我们能调整字体大小,对齐方式就会看起来非常适合阅读习惯,接下来我们动手操作试试看.

默认弹框样式

常规代码如下:

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