IOS实现简单的进度条功能_IOS

本文实例绘制了炫酷的下载进度条,分享给大家供大家参考,具体内容如下

一、实现思路
1、要实现绘图,通常需要自定义一个UIView的子类,重写父类的- (void)drawRect:(CGRect)rect方法,在该方法中实现绘图操作
2、若想显示下载进度,只需要实例化自定义子类的对象(若是storyboard中控件,只需修改控件的class属性为自定义子类的类名即可)

3、效果图所示的效果其实是绘制一个圆弧,动态的改变终点的位置,最终达到一个封闭的圆
4、中间的文字是一个UILabel控件,根据进度动态改变文字的现实
二、实现步骤
1、自定义一个UIView的子类

//提供一个成员属性,接收下载进度值
@property (nonatomic, assign) CGFloat progress;

2、重写成员属性progress的setter

//每次改变成员属性progress的值,就会调用它的setter
- (void)setProgress:(CGFloat)progress
{
  _progress = progress;
  //当下载进度改变时,手动调用重绘方法
  [self setNeedsDisplay];
}

3、重写- (void)drawRect:(CGRect)rect(核心)

- (void)drawRect:(CGRect)rect
{
  //设置圆弧的半径
  CGFloat radius = rect.size.width * 0.5;
  //设置圆弧的圆心
  CGPoint center = CGPointMake(radius, radius);
  //设置圆弧的开始的角度(弧度制)
  CGFloat startAngle = - M_PI_2;
  //设置圆弧的终止角度
  CGFloat endAngle = - M_PI_2 + 2 * M_PI * self.progress;
  //使用UIBezierPath类绘制圆弧
  UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius - 5 startAngle:startAngle endAngle:endAngle clockwise:YES];
  //将绘制的圆弧渲染到图层上(即显示出来)
  [path stroke];
}

以上就是本文的全部内容,希望对大家的学习有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ios
进度条
ios进度条的实现、ios 环形进度条实现、ios 进度条实现、bbs功能实现简单描述、jsp实现简单登录功能,以便于您获取更多的相关知识。

时间: 2024-10-21 12:59:43

IOS实现简单的进度条功能_IOS的相关文章

实现无刷新的进度条功能(采用xmlhttp技术)

xml|刷新|无刷新 我这里采用xml技术来实现进度条的功能,我这里假设加上有几个运行量非常大的存储过程,执行每一个所需要消耗的时间都很久,这里在页面上显示进度条功能,每执行完一个存储过程,进度条就向前前进一步,这样子用户采用感觉到系统还在运行中. 实现进度条的方法有好几种,可以采用多线程的方式,也可以采用iframe的方式.这两种方式都有缺陷,采用多线程的方式有很多弊端,比如耗资源,会产生明显的刷新效果.而iframe不会产生刷新效果,但是每次刷新都会发出一个刷新声,如果进度条频繁刷新的话,刷

html5实现进度条功能效果

html5实现进度条功能效果非常和谐   <script type="text/javascript"> var i = 0; var res = 0; var context = null; var total_width = 300; var total_height = 34; var initial_x = 20; var initial_y = 20; var radius = total_height/2; window.onload = function()

javascript实现简单的进度条

  本文给大家分享2个javascript实现简单的进度条,一个是个人制作一个是网友实现的,都很不错,这里推荐给大家. 示例一: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64

php使用APC实现实时上传进度条功能_php技巧

php不具备实时上传进度条功能,如果想有这种功能我们一般会使用ajax来实现,但是php提供了一个apc,它就可以与php配置实现上传进度条功能. 主要针对的是window上的应用.1.服务器要支持apc扩展,没有此扩展的话,下载一个扩展扩展要求php.5.2以上. 2.配置apc相关配置,重启apache代码如下 extension=php_apc.dll   apc.rfc1867 = on   apc.max_file_size = 1000M   upload_max_filesize

jQuery实现的简单百分比进度条效果示例_jquery

本文实例讲述了jQuery实现的简单百分比进度条.分享给大家供大家参考,具体如下: 一.JS Code: <script type="text/javascript"> var progressId = "ProgressBarID"; function setProgressBar(progress) { if (progress) { $("#" + progressId + " > div").css(

js HTML5 Ajax实现文件上传进度条功能_javascript技巧

本文实例介绍了js结合HTML5 Ajax实现文件上传进度条功能,分享给大家供大家参考,具体内容如下 1.  lib.js var Host = window.location.host; //--Cookie function setCookie(name,value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name +

Android使用AsyncTask下载图片并显示进度条功能

在Android中实现异步任务机制有两种方式,Handler和AsyncTask.这篇文章给大家介绍Android使用AsyncTask下载图片并显示进度条功能. AsyncTask下载图片并显示下载进度,异步类AsyncTask配合进度条,简练! public class AsyncTaskActivity2 extends Activity { private Button btnDown;//图片框 private ImageView ivImage;//图片URL private sta

Android编程实现对话框形式进度条功能示例

本文实例讲述了Android编程实现对话框形式进度条功能.分享给大家供大家参考,具体如下: MainActivity代码如下: package com.example.myapplication; import android.app.ProgressDialog; import android.content.DialogInterface; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; i

html、css和jquery相结合实现简单的进度条效果实例代码_jquery

废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>jquery实现进度条</title>