美文网首页
iOS SubmitButton 动画

iOS SubmitButton 动画

作者: Jixin | 来源:发表于2016-09-15 17:56 被阅读18次

    SubmitButton

    一个SubmitButton动画
    设计稿传送门
    GitHub传送门

    一、演示

    • 点击“Submit”开始动画;
    • Loading过程的progress由外部传入;
    • 加载完成的结果(成功/失败)也由外部传入。

    1. 加载完成,结果为成功

    submit_button_succeed.gif

    2. 加载完成,结果为失败

    submit_button_failed.gif

    二、使用

    将下面四个文件拖曳到工程里。

    SubmitButtonView.h
    SubmitButtonView.m,
    SubmitButtonLayer.h
    SubmitButtonLayer.m
    

    0. 导入头文件

    #import "SubmitButtonView.h"
    
    

    1. 初始化

    self.submitBtnView = [[SubmitButtonView alloc] initWithFrame:CGRectMake(100, 200, 200, 60)];
    __weak typeof (self)wSelf = self;
    self.submitBtnView.block = ^(SubmitButtonStatus submitBtnStatus){
        switch (submitBtnStatus) {
            case SubmitButtonStatusStart:
                
                break;
                
            case SubmitButtonStatusEnd:
                
                break;
                
            default:
                break;
        }
    };
    [self.view addSubview:self.submitBtnView];
    

    2. Loading过程的progress赋值

    在SubmitButtonStatus == SubmitButtonStatusStart时发送网络请求,并且调用- (void)loadingProgressAnimationWithProgress:(CGFloat)progress方法给loading过程的progress赋值

    3. 加载完成后结果赋值

    加载完成后调用- (void)setFinalResultWith:(BOOL)result方法赋值

    __weak typeof (self)wSelf = self;
    self.submitBtnView.block = ^(SubmitButtonStatus submitBtnStatus){
        switch (submitBtnStatus) {
            case SubmitButtonStatusStart:
                //发送网络请求
                [wSelf startLoad];
                //给loading赋值
                [wSelf.submitBtnView loadingProgressAnimationWithProgress:wSelf.progress];
                //加载完成后,赋值YES/NO
                if (wSelf.progress == 1) {
                    [wSelf.submitBtnView setFinalResultWith:NO];
                }
                break;
                
            case SubmitButtonStatusEnd:
                
                break;
                
            default:
                break;
        }
    };
    
    

    相关文章

      网友评论

          本文标题:iOS SubmitButton 动画

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