美文网首页
iOS WKWebView添加进度条

iOS WKWebView添加进度条

作者: 码掺和_夏尼 | 来源:发表于2018-07-03 11:31 被阅读37次

    给WKWebView添加进度条的简单展示

    Q1: 以什么方式来添加?

    A: 当然是“分类”的方式~(为什么?因为这样代码维护容易、耦合度低,“只聊情感,不走进生活”)

    Q2: 分类中不是不能添加属性吗?

    A: 是的,直接添加使用不可以,但是配合一些运行时的手脚就可以了。

    要做的主要内容是什么?

      1. 设计一个进度条、有默认可通用
        设计一个通用的进度条就要给它限定在我们的可控范围内,这里我们可以编写一个协议让使用者去遵守:
    @protocol RCProgressDelegate <NSObject>
    
    @required
    
    ///设置进度
    - (void)rc_setProgress:(CGFloat)progress animated:(BOOL)animated;
    
    ///设置进度条颜色(设置颜色一般就可以了,获取颜色必要性不是很大)
    - (void)rc_setProgressColor:(UIColor *)color;
    
    ///设置进度条背景颜色
    - (void)rc_setTrackColor:(UIColor *)color;
    
    @optional
    
    ///父视图可能的偏移,比如scrollView相对UINavigationBar的偏移, e.g. automaticallyAdjustsScrollViewInsets, contentInsetAdjustmentBehavior etc.
    - (CGPoint)rc_contentOffset;
    
    @end
    

    类中添加进度协议的视图属性

    @interface WKWebView (RCProgressView)
    
    ///自定义进度条视图要满足‘RCProgressDelegate’,默认提供进度条视图
    @property (nonatomic, strong) UIView<RCProgressDelegate> *progressView;
    
    @end
    
      1. 添加属性方便使用
        分类中直接使用 @property 去定义属性是不能直接使用的,这么做只是声明setter/getter并没有实现它并且也不会自动合成"_xxx"变量。所以需要编程人员自己去实现setter/getter方法。另外有警告的话还需要“@dynamic xx;”来告诉编译器setter/getter由我来实现你就不需要操心了。
        涉及函数:
    #import <objc/runtime.h>
    
    //设置关联属性值
    void objc_setAssociatedObject(id _Nonnull object, const void * _Nonnull key,
                             id _Nullable value, objc_AssociationPolicy policy);
    

    解释:
    object: 属性的拥有者
    key: 唯一键值,一般使用 static声明个字符串指针使用该地址值即可,如:static NSString *key = @"xxx",使用'&key'就可以了.
    value: 设置的关联值
    policy: 下面5个可选值
    OBJC_ASSOCIATION_ASSIGN 相当于 @property(weak, atomic)
    OBJC_ASSOCIATION_RETAIN_NONATOMIC 相当于 @property(strong, nonatomic)
    OBJC_ASSOCIATION_COPY_NONATOMIC 相当于 @property(copy, nonatomic)
    OBJC_ASSOCIATION_RETAIN 相当于 @property(strong, atomic)
    OBJC_ASSOCIATION_COPY 相当于 @property(copy, atomic)

    //获取关联属性值
    id _Nullable objc_getAssociatedObject(id _Nonnull object, const void * _Nonnull key);
    

    解释:
    object: 关联者,属性的拥有者
    key: 关联值所在的‘地址’

    要怎么用?

    有默认的进度条,如果需要自定义进度条的话遵守RCProgressDelegate协议即可。
    举个例子,简单自定义进度条:

    ///定义
    @interface RCProgressView : UIView <RCProgressDelegate>
    @end
    
    ///实现
    @interface RCProgressView()
    
    @property (nonatomic, weak) UIView *progress;
    
    @end
    
    @implementation RCProgressView
    
    - (instancetype)initWithFrame:(CGRect)frame{
        
        if(self = [super initWithFrame:frame]){
            
                UIView *view = [[UIView alloc] initWithFrame:self.bounds];
                view.backgroundColor = UIColor.redColor;
                 [self addSubview:view];
    
                view.layer.anchorPoint = CGPointMake(0, 0.5);
                _progress = view;
                
                view.frame = self.bounds;
        }
        
        return self;
    }
    
    - (void)rc_setProgress:(CGFloat)progress animated:(BOOL)animated {
        
        __typeof(&*self) __weak wself = self;
        [UIView animateWithDuration:animated ? .2f : 0.f animations:^{
            
            wself.progress.transform = CGAffineTransformMakeScale(progress, 1);
        }];
    }
    
    - (void)rc_setProgressColor:(UIColor *)color {
        
        self.progress.backgroundColor = color;
    }
    
    - (void)rc_setTrackColor:(UIColor *)color {
        
        self.backgroundColor = color;
    }
    
    @end
    

    项目地址

    项目地址,后续我再补上

    相关文章

      网友评论

          本文标题:iOS WKWebView添加进度条

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