美文网首页ios实用开发技巧
根据基类快速创建自定义弹框视图-AlertView

根据基类快速创建自定义弹框视图-AlertView

作者: 稻_草_人 | 来源:发表于2017-08-25 15:47 被阅读0次

    根据项目需求,有时我们创建很多类似的提示框,但是这些提示框又不完全相同,操作流程又大致一样,因此就希望以某种快速的方式创建这些提示框。

    实现思路:

    用一个基类来实现所有公共复用部分,暴露接口,供子类调用。我们自定义的提示框只关注提示框UI本身,其他逻辑部分全部交由基类出题,当然,我们自定义的提示框类此时就应该继承该基类来创建。这个基类与其说是将逻辑部分进行复用的一个基类,也可看作是一个方法工厂类,因为它里面封装了很多供子类调用的方法。

    基类主要任务

    • 封装展示和隐藏该提示框的动画效果
    • 初始化背景视图,并给其添加点击事件。(子类调用父类实现的初始化方法类初始化实例)
    • 添加键盘事件。(方便处理有输入框的提示框,同理有也可以添加定时器,让提示框自动关闭)
    • 移除背景点击事件。(默认添加,在不需要的时候可调用该方法)

    基类方法

    /**
     * 以下方法在父类实现,给子类调用
     */
    
    /*!
     @brief 添加键盘监听事件,当用到输入框的弹框的时候,子类需要调用
     */
    - (void) addKeyborder;
    
    /*!
     @brief 展示当前的视图,把展示动画封装在父视图里面,方便子类调用,当要改变动画效果的时候,可以在这个方法修改
     */
    - (void) showAlertView;
    
    /*!
     @brief 方法作用和上面一个方法相同,增加了一个视图显示完成的回调
     @param complete 视图显示完成回调
     */
    - (void) showAlertViewComplete:(void(^)(void))complete;
    
    /*!
     @brief 隐藏视图(将视图移除父视图),也是将隐藏动画封装在父视图,子类需要直接调用,需要修改隐藏动画的时候直接在该方法修改
     */
    - (void) hiddenAlertView;
    
    
    /*!
     @brief 移除背景视图的点击手势,默认背景视图有点击效果,点击背景,弹框视图消失,调用该方法可以取消该点击效果
     */
    - (void) removeBgViewTapEvent;
    

    子类(具体实现类)主要任务

    • 创建该视图的UI
    • 调用基类方法实现逻辑

    这里子类创建和初始化我采用了这种方式,感觉使用起来比较方便:

    子类只暴露一个唯一的类方法与外界交互,外界数据由参数传入,内部操作结果有block回调处理,最后该类方法也返回该类实例(也许方法迭代会有用),内部的事件传递用一个私有的block实现。

    eg:

    .h文件代码

    #import "LJBaseAlertView.h"
    
    /**
     * 用于测试的正常自定义弹框(不带输入框的)
     */
    
    @interface LJNormalAlertView : LJBaseAlertView
    
    /*!
     @brief 使用类方法展示该视图,并通过block回调将操作结果放回
     @param content 展示内容文本
     @param sureBtnClicked 确定按钮点击回调,取消按钮没有回调,需要可以在后面添加
     @return 返回创建的视图,有利于进行方法迭代
     */
    + (LJNormalAlertView *) showNormalAlertWithContent:(NSString *)content sureBtnClicked:(void(^)(void))sureBtnClicked;
    
    @end
    

    .m文件代码

    #import "LJNormalAlertView.h"
    
    @interface LJNormalAlertView ()
    @property (weak, nonatomic) IBOutlet UILabel *contentLabel;
    
    /**用block进行事件传递*/
    @property (nonatomic, copy) void(^(sureBtnClicked))(void);
    
    @end
    
    @implementation LJNormalAlertView
    - (IBAction)cancelButtonClicked:(UIButton *)sender {
        //调用父类方法将视图移除
        [self hiddenAlertView];
    }
    - (IBAction)sureButtonClicked:(UIButton *)sender {
        //传递事件
        if (self.sureBtnClicked) {
            self.sureBtnClicked();
        }
        //调用父类方法将视图移除
        [self hiddenAlertView];
    }
    
    /**
     * 展示视图,对视图进行初始化,并对它的参数进行设置
     */
    + (LJNormalAlertView *)showNormalAlertWithContent:(NSString *)content sureBtnClicked:(void (^)(void))sureBtnClicked {
        LJNormalAlertView *normalAlert = [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([LJNormalAlertView class]) owner:nil options:nil] lastObject];
        //设置frame,可根据content内容进行计算
        normalAlert.frame = CGRectMake(13, ([UIScreen mainScreen].bounds.size.height - 200) / 2.0, [UIScreen mainScreen].bounds.size.width - 26, 200);
        normalAlert.contentLabel.text = content;
        normalAlert.sureBtnClicked = sureBtnClicked;
        //调用父类方法显示视图
        [normalAlert showAlertView];
        return normalAlert;
    }
    
    @end
    

    使用上面思路,将大部分可复用代码放在基类,实现代码复用,用一个类方法调用展示视图,回调处理结果,简化代码。

    最后

    demo

    相关文章

      网友评论

        本文标题:根据基类快速创建自定义弹框视图-AlertView

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