美文网首页程序员iOS Developer
iOS-简约系统风格自由定制的弹窗Alert&Actio

iOS-简约系统风格自由定制的弹窗Alert&Actio

作者: SongLazy | 来源:发表于2017-03-24 14:58 被阅读272次

    先上效果图

    SLAlertView.gif

    再上demo地址 如果觉得好用请给star鼓励 谢谢

    github demo

    项目介绍

    • 这是一款简约系统风格的弹窗,开发者可通过一句代码创建并弹出。
    • 开发者可以选择通过代理的方式或者block的方式来监听按钮的点击事件。
    • 开发者可通过settingHandler设置弹窗的背景颜色、字体颜色、字体以及分割线的颜色以满足不同风格的app的需求
    • 更加详尽的使用情况请下载demo

    使用说明

    安装

    将demo中的SLAlertView文件夹拖入项目


    SLAlertView文件夹.png

    接口说明

    /**
     *  创建并弹出使用代理监听点击事件的默认的alertView
     *  param title   标题
     *  param message   提示文字内容
     *  param delegate  代理 可通过设置代理监听按钮的点击
     *  param preferredStyle    弹出样式
     *  param cancelButtonTitle     取消按钮文字
     *  param otherButtonTitles     其他按钮文字(数组)@[@"other1",@"other2"]
     */
    + (void)alertViewWithTitle:(nullable NSString *)title
                       message:(nullable NSString *)message
                      delegate:(nullable id<SLAlertViewProtocol>)delegate
                preferredStyle:(SLAlertViewStyle)preferredStyle
             cancelButtonTitle:(nullable NSString *)cancelButtonTitle
             otherButtonTitles:(nullable NSArray *)otherButtonTitles;
    
    
    
    
    /**
     *  创建并弹出使用block监听点击事件的默认的alertView
     *  param title   标题
     *  param message   提示文字内容
     *  param preferredStyle    弹出样式
     *  param cancelButtonTitle     取消按钮文字
     *  param otherButtonTitles     其他按钮文字(数组)@[@"other1",@"other2"]
     *  param clickHandler     点击按钮的回调
     */
    + (void)alertViewWithTitle:(nullable NSString *)title
                       message:(nullable NSString *)message
                preferredStyle:(SLAlertViewStyle)preferredStyle
             cancelButtonTitle:(nullable NSString *)cancelButtonTitle
             otherButtonTitles:(nullable NSArray *)otherButtonTitles
                  clickHandler:(nullable void (^)(SLAlertView * _Nonnull alertView,NSInteger buttonIndex,NSString * _Nullable buttonTitle))clickHandler;
    
    
    
    
    
    /**
     *  创建并弹出使用代理监听点击事件的可自定义的alertView
     *  param title   标题
     *  param message   提示文字内容
     *  param delegate  代理 可通过设置代理监听按钮的点击
     *  param preferredStyle    弹出样式
     *  param cancelButtonTitle     取消按钮文字
     *  param otherButtonTitles     其他按钮文字(数组)@[@"other1",@"other2"]
     *  param settingHandler    自定义设置的回调 可通过此block设置各种背景颜色、字体颜色和字体。
        自定义设置方式:
        alertView.titleColor = [UIColor blackColor];
        alertView.messageColor = [UIColor blackColor];
        ...
     */
    + (void)alertViewWithTitle:(nullable NSString *)title
                       message:(nullable NSString *)message
                      delegate:(nullable id<SLAlertViewProtocol>)delegate
                preferredStyle:(SLAlertViewStyle)preferredStyle
             cancelButtonTitle:(nullable NSString *)cancelButtonTitle
             otherButtonTitles:(nullable NSArray *)otherButtonTitles
                settingHandler:(nullable void (^)( SLAlertView * _Nonnull alertView))settingHandler;
    
    
    
    
    /**
     *  创建并弹出使用block监听点击事件的可自定义的alertView
     *  param title   标题
     *  param message   提示文字内容
     *  param preferredStyle    弹出样式
     *  param cancelButtonTitle     取消按钮文字
     *  param otherButtonTitles     其他按钮文字(数组)@[@"other1",@"other2"]
     *  param settingHandler    自定义设置的回调 可通过此block设置各种背景颜色、字体颜色和字体。
        自定义设置方式:
        alertView.titleColor = [UIColor blackColor];
        alertView.messageColor = [UIColor blackColor];
        ...
     *  param clickHandler     点击按钮的回调
     */
    + (void)alertViewWithTitle:(nullable NSString *)title
                       message:(nullable NSString *)message
                preferredStyle:(SLAlertViewStyle)preferredStyle
             cancelButtonTitle:(nullable NSString *)cancelButtonTitle
             otherButtonTitles:(nullable NSArray *)otherButtonTitles
                settingHandler:(nullable void (^)( SLAlertView * _Nonnull alertView))settingHandler
                  clickHandler:(nullable void (^)(SLAlertView * _Nonnull alertView,NSInteger buttonIndex,NSString * _Nullable buttonTitle))clickHandler;
    
    
    // 代理方法
    - (void)alertView:(SLAlert * _Nonnull)alertView didSelectedButtonWithButtonIndex:(NSInteger)index buttonTitle:(NSString * _Nullable)buttonTitle;
    - (void)actionSheet:(SLActionSheet * _Nonnull)actionSheet didSelectedButtonWithButtonIndex:(NSInteger)index buttonTitle:(NSString * _Nullable)buttonTitle;
    
    

    调用

    • 导入头文件
    #import "SLAlertView.h"
    
    • 在需要弹窗的地方调用接口
      1> 创建并弹出使用代理监听点击事件的默认的alert / actionSheet
    // alert
    [SLAlertView alertViewWithTitle:@"title"
                                message:@"messagemessagemessagemessagemessagemessagemessagemessaemessagemessage"
                               delegate:self
                         preferredStyle:SLAlertViewStyleAlert
                      cancelButtonTitle:@"cancel"
                      otherButtonTitles:nil];
    
     // action sheet
        [SLAlertView alertViewWithTitle:@"title"
                                message:@"this is message"
                               delegate:self
                         preferredStyle:SLAlertViewStyleActionSheet
                      cancelButtonTitle:@"cancel"
                      otherButtonTitles:@[@"other"]];
    

    2> 创建并弹出使用block监听点击事件的默认的alert / actionSheet

    // 通过block回调方式创建alert
        [SLAlertView alertViewWithTitle:@"title"
                                message:@"message"
                         preferredStyle:SLAlertViewStyleAlert
                      cancelButtonTitle:@"cancel"
                      otherButtonTitles:@[@"other"]
                           clickHandler:^(SLAlertView * _Nonnull alertView, NSInteger buttonIndex, NSString * _Nullable buttonTitle) {
            
            NSLog(@"block %ld-%@",buttonIndex,buttonTitle);
            
        }];
    // 通过block回调方式创建action sheet
        [SLAlertView alertViewWithTitle:@"actionSheet"
                                message:@"sheet_default"
                         preferredStyle:SLAlertViewStyleActionSheet
                      cancelButtonTitle:@"cancel"
                      otherButtonTitles:@[@"other1",@"other2",@"other3"]
                           clickHandler:^(SLAlertView * _Nonnull alertView, NSInteger buttonIndex, NSString * _Nullable buttonTitle) {
             NSLog(@"block sheet_default %ld-%@",buttonIndex,buttonTitle);
        }];
    

    3> 自定义的情况(以actionSheet为例,alert用法完全一样)

     [SLAlertView alertViewWithTitle:@"title"
                                message:@"message"
                         preferredStyle:SLAlertViewStyleActionSheet
                      cancelButtonTitle:@"cancel"
                      otherButtonTitles:@[@"other1",@"other2"]
                         settingHandler:^(SLAlertView * _Nonnull alertView) {
            
                             alertView.titleBackgroundColor = [UIColor colorWithRed:arc4random() % 256 / 255.0 green:arc4random() % 256 / 255.0 blue:arc4random() % 256 / 255.0 alpha:1.0];
                             alertView.messageBackgroundColor = [UIColor colorWithRed:arc4random() % 256 / 255.0 green:arc4random() % 256 / 255.0 blue:arc4random() % 256 / 255.0 alpha:1.0];
                             alertView.otherBackgroundColor = [UIColor colorWithRed:arc4random() % 256 / 255.0 green:arc4random() % 256 / 255.0 blue:arc4random() % 256 / 255.0 alpha:1.0];
                             alertView.cancelBackgroundColor = [UIColor colorWithRed:arc4random() % 256 / 255.0 green:arc4random() % 256 / 255.0 blue:arc4random() % 256 / 255.0 alpha:1.0];
                             alertView.titleColor = [UIColor colorWithRed:arc4random() % 256 / 255.0 green:arc4random() % 256 / 255.0 blue:arc4random() % 256 / 255.0 alpha:1.0];
                             alertView.messageColor = [UIColor colorWithRed:arc4random() % 256 / 255.0 green:arc4random() % 256 / 255.0 blue:arc4random() % 256 / 255.0 alpha:1.0];
                             alertView.otherTitleColor = [UIColor colorWithRed:arc4random() % 256 / 255.0 green:arc4random() % 256 / 255.0 blue:arc4random() % 256 / 255.0 alpha:1.0];
                             alertView.cancelTitleColor = [UIColor colorWithRed:arc4random() % 256 / 255.0 green:arc4random() % 256 / 255.0 blue:arc4random() % 256 / 255.0 alpha:1.0];
                             alertView.separatorColor = [UIColor colorWithRed:arc4random() % 256 / 255.0 green:arc4random() % 256 / 255.0 blue:arc4random() % 256 / 255.0 alpha:1.0];
                             alertView.titleFont = [UIFont fontWithName:@"AmericanTypewriter-Bold" size:16];
                             alertView.messageFont = [UIFont fontWithName:@"AmericanTypewriter" size:16];
                             alertView.otherTitleFont = [UIFont fontWithName:@"DBLCDTempBlack" size:16];
                             alertView.cancelTitleFont = [UIFont fontWithName:@"AmericanTypewriter-Bold" size:16];
        }
                           clickHandler:^(SLAlertView * _Nonnull alertView, NSInteger buttonIndex, NSString * _Nullable buttonTitle) {
            
            NSLog(@"block sheet_customBackgroundColor %ld-%@",buttonIndex,buttonTitle);
            
        }];
    

    4> 代理方法。遵守协议 <SLAlertViewProtocol>

     - (void)actionSheet:(SLActionSheet *)actionSheet didSelectedButtonWithButtonIndex:(NSInteger)index buttonTitle:(NSString *)buttonTitle {
        NSLog(@"actionSheet:didSelectedButtonWithButtonIndex:%ld buttonTitle:%@",index,buttonTitle);
    }
     - (void)alertView:(SLAlert *)alertView didSelectedButtonWithButtonIndex:(NSInteger)index buttonTitle:(NSString *)buttonTitle {
        NSLog(@"alertView:didSelectedButtonWithButtonIndex:%ld buttonTitle:%@",index,buttonTitle);
    }
    

    转载请注明出处,好用请github star。谢谢!

    相关文章

      网友评论

        本文标题:iOS-简约系统风格自由定制的弹窗Alert&Actio

        本文链接:https://www.haomeiwen.com/subject/jicfottx.html