美文网首页
Swift(十):Bezier 曲线 实现下载图片进度绘制

Swift(十):Bezier 曲线 实现下载图片进度绘制

作者: IMSong | 来源:发表于2016-08-11 15:43 被阅读27次
//
//  progressView.swift
//  swift-AFNetworking
//
//  Created by HMC on 16/8/11.
//  Copyright © 2016年 SKing. All rights reserved.
//

import UIKit

class progressView: UIView {
    
    var progress : CGFloat = 0.0  {
        //属性改变监听
        didSet {
            print("改变了")
            setNeedsDisplay()
            
        }
    }
    
    override func drawRect(rect: CGRect) {
        super.drawRect(rect)
        
        backgroundColor = UIColor.clearColor()
        let arcCenter = CGPoint(x: rect.width * 0.5, y: rect.height * 0.5)
        let radius = rect.width * 0.5 - 3
        let startAngle = CGFloat(-M_PI_2)
        let endAngle = CGFloat(M_PI * 2) * progress + startAngle
        
        
        let bezierPath = UIBezierPath(arcCenter: arcCenter, radius: radius, startAngle: startAngle, endAngle: endAngle, clockwise: true)
        
        bezierPath.addLineToPoint(arcCenter)
        bezierPath.closePath()
        
        UIColor(white: 1.0, alpha: 0.8).setFill()
        bezierPath.fill()
        
    }

}

控件的设置,调用方法如下,点击加载按钮 下载图片显示进度.


效果图
//
//  ViewController.swift
//  swift-AFNetworking
//
//  Created by HMC on 16/8/9.
//  Copyright © 2016年 SKing. All rights reserved.
//

import UIKit
import HYLabel
import SDWebImage

class ViewController: UIViewController {
    
    @IBAction func GoToAuth(sender: AnyObject) {
        
        let authNav = UINavigationController(rootViewController: AuthViewController())
        presentViewController(authNav, animated: true, completion: nil)
        
    }
    @IBOutlet weak var imageView: UIImageView!
    @IBAction func loadView(sender: AnyObject) {
        
        imageView.sd_setImageWithURL(NSURL(string:"http://httpbin.org/image/jpeg"), placeholderImage: nil, options: [], progress: { (current, total) in
            
            self.progress.hidden = false
            self.progress.progress = CGFloat(current) / CGFloat(total)
            
        }) { (_, _, _, _) in
            
            self.progress.hidden = true
        }
        
        SDImageCache.sharedImageCache().clearDisk()
    }
    
    //懒加载
    lazy var progress : progressView = progressView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = UIColor.greenColor()
        view.addSubview(progress)
        progress.bounds = CGRect(x: 0, y: 0, width: 50, height: 50)
        progress.center = CGPoint(x: SCREENWIDTH * 0.5, y: SCREENHEIGHT * 0.5)
        progress.hidden = true
    }
   
    
}

相关文章

  • Swift(十):Bezier 曲线 实现下载图片进度绘制

    控件的设置,调用方法如下,点击加载按钮 下载图片显示进度.

  • 2019-04-02openGL+三次Bezier曲线

    参考:开始学习opengl以及绘制三次Bezier曲线交互式三次 Bezier 曲线 主要内容:1.opengl的...

  • Bezier曲线切割

    贝塞尔曲线 目标:在unity中展示Bezier曲线。 贝塞尔曲线原理 用代码实现 bezier数学公式 Bezi...

  • 今日所学20160107

    1. Bezier曲线 相关软件:PaintCode:可以直接画图,软件根据图像生产Bezier曲线 相关概念:U...

  • 图形学3:样条曲线、裁剪算法

    最后一道已知大题是在Bezier曲线、B样条曲线、多边形裁剪中出的画图题,务必记牢公式~~~ Bezier曲线和曲...

  • Bezier曲线

    同一级控制线段上的同进度点连成的线段组成下一级控制线段直到只剩一条线段 此时这条线段上的进度点组成的线段为 bez...

  • Bezier曲线

    参考自iOS开发 贝塞尔曲线UIBezierPath和iOS-UI进阶13 - 贝塞尔曲线和帧动画结合 使用UIB...

  • Bezier曲线

    通过数学公式描述一个曲线的路径和状态,将一个曲线转成一个我们能表达出来的数学公式。 二阶Bezier曲线:quad...

  • 扇形进度条

    分享一个扇形进度条,核心思想是用贝塞尔曲线绘制扇形形成进度条子单位,然后通过修改layer的fillcolor实现...

  • 阅读张旭鑫博客笔记——css篇

    目录 css实现抛物线 1. css实现抛物线 快速生成贝塞尔曲线参数 http://cubic-bezier.c...

网友评论

      本文标题:Swift(十):Bezier 曲线 实现下载图片进度绘制

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