iOS自定义圆形进度提示控件

iOS中默认的进度条是水平方向的进度条,这往往不能满足我们的需求。但是我们可以自定义类似的圆形的进度提示控件,主要使用iOS中的绘图机制来实现。这里我们要实现一个通过按钮点击然后圆形进度提示不断增加的效果。

(1)新建一个Cocoa Touch Class,注意要继承自UIView。这个是绘制图形的类,绘制一个圆形的背景和扇形的进度。具体实现如下:

import UIKit

class ProgressControl: UIView {

 override init(frame: CGRect) {
 super.init(frame: frame)

 self.backgroundColor = UIColor(white: 1, alpha: 0)//初始化绘图背景为白色;
 }

 required init(coder aDecoder: NSCoder) {
 super.init(coder: aDecoder)
 }

 private var _progressValue:CGFloat = 0//这个就是当前的进度;

 func getProgressValue()->CGFloat{

 return _progressValue
 }

 func setProgressvalue(value:CGFloat){//设置进度;

 _progressValue = value

 setNeedsDisplay()
 }

 override func drawRect(rect: CGRect) {//绘制圆形背景和扇形进度;

 var context = UIGraphicsGetCurrentContext()

 var r = rect.width/2

 CGContextAddArc(context, r, r, r, 0, 3.1415926 * 2 , 0)
 CGContextSetRGBFillColor(context, 0.5, 0.5, 0.5, 1)
 CGContextFillPath(context)

 CGContextAddArc(context, r, r, r, 0, 3.1415926 * 2 * _progressValue, 0)
 CGContextAddLineToPoint(context, r, r)
 CGContextSetRGBFillColor(context, 0, 0, 1, 1)
 CGContextFillPath(context)

 }

}

(2)界面中拖入一个按钮,拖拽Action事件。在ViewController中实现如下:

import UIKit

class ViewController: UIViewController {

 var progressControl:ProgressControl!

 override func viewDidLoad() {
 super.viewDidLoad()

 progressControl = ProgressControl(frame:CGRect(x: 100, y: 100, width: 100, height: 100))
 self.view.addSubview(progressControl)

 }

 //点击按钮,增加进度
 @IBAction func addProgressValuePressed(sender: UIButton) {

 progressControl.setProgressvalue(progressControl.getProgressValue()+0.1)

 }

 override func didReceiveMemoryWarning() {
 super.didReceiveMemoryWarning()
 // Dispose of any resources that can be recreated.
 }

}

(3)最后的实现效果如下:

对于其他的触发事件,也可以使用这个自定义圆形进度控件来进行提示。

github主页:地址 。欢迎大家访问!

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

(0)

相关推荐

  • iOS微信分享后关闭发送成功提示并返回应用

    iOS 分享到微信之后返回应用关闭发送成功的提示,并自定义提示,具体内容如下 1.关闭发送成功的提示  只要在分享的时候调用一下代码即可: 复制代码 代码如下: [UMSocialConfig setFinishToastIsHidden:YES  position:UMSocialiToastPositionCenter]; 2.自定义提示  //如果点击返回app会调用这个方法 - (void)didFinishGetUMSocialDataInViewController:(UMSocia

  • iOS实现UITableView数据为空时的提示页面

    前言 相信对于iOS开发者们来说,在开发过程中,经常用UITableView,一定会遇到数据为空的情况,这时需要在空页面上放一个图片和一行文字提示数据为空,下面整理了两种方法来实现这个功能. 第一个是继承UITableView,在新类中集成图片和文字 #import <UIKit/UIKit.h> #import "Const.h" @interface WFEmptyTableView : UITableView @property (nonatomic, assign)

  • iOS9提示框的正确使用方式

    在从iOS8到iOS9的升级过程中,弹出提示框的方式有了很大的改变,在Xcode7 ,iOS9.0的SDK中,苹果已经明确提示不再推荐使用UIAlertView,而推荐使用UIAlertController,现在,我们通过代码来演示一下. #import "LoginViewController.h" @interface LoginViewController () @property (weak, nonatomic) IBOutlet UITextField *passWord;

  • IOS开发实现手机震动的提示实例代码

    IOS开发实现手机震动的提示实例代码 我们都知道手机有震动功能,其实呢,这个功能实现起来特别的简单,我们只需要用到几个函数就可以了: - (void)motionBegan:(UIEventSubtype)motion withEvent:(UIEvent *)event - (void)motionEnded:(UIEventSubtype)motion withEvent:(UIEvent *)event - (void)motionCancelled:(UIEventSubtype)mot

  • iOS实现圆角箭头矩形的提示框

    先来看看我们见过的一些圆角箭头矩形的提示框效果图 一.了解CGContextRef 首先需要对 CGContextRef 了解, 作者有机会再进行下详细讲解, 这篇中简单介绍下, 方便后文阅读理解. 先了解 CGContextRef 坐标系 坐标系 举例说明 : 对于 商城类App 有很多原价, 现价对比 .那 原件的横线怎么画, 就可以用CGContextRef - (void)drawRect:(CGRect)rect { // Drawing code [super drawRect:re

  • iOS自定义推送消息提示框

    看到标题你可能会觉得奇怪 推送消息提示框不是系统自己弹出来的吗? 为什么还要自己自定义呢? 因为项目需求是这样的:最近需要做 远程推送通知 和一个客服系统 包括店铺客服和官方客服两个模块 如果有新的消息推送的时候 如果用户当前不在客服界面的时候  要求无论是在app前台 还是app退到后台 顶部都要弹出系统的那种消息提示框 这样的需求 我们就只能自定义一个在app内 弹出消息提示框 实现步骤如下: 1.我们自定义一个view 为 STPushView 推送消息的提示框view  #import

  • Android仿IOS自定义AlertDialog提示框

    本文介绍的仿IOS对话框的实现,先来看一下效果图 具体代码如下: public class AlertDialog { private Context context; private Dialog dialog; private LinearLayout lLayout_bg; private TextView txt_title; private TextView txt_msg; private Button btn_neg; private Button btn_pos; private

  • iOS移动端(H5)alert/confirm提示信息去除网址(URL)

    最近移动端项目用alert和confirm进行信息提示,但发现在iOS系统中,每次提示信息上面都会被添加一行URL地址. 那么如何去掉地址提示呢,经查找和实现发现进行重写alert和confirm方法可解决此问题. 代码如下: 重写alert方法: window.alert = function(name){ var iframe = document.createElement("IFRAME"); iframe.style.display="none"; ifr

  • iOS自定义提示弹出框实现类似UIAlertView的效果

    首先来看看实现的效果图 下面话不多说,以下是实现的示例代码 #import <UIKit/UIKit.h> typedef void(^AlertResult)(NSInteger index); @interface XLAlertView : UIView @property (nonatomic,copy) AlertResult resultIndex; - (instancetype)initWithTitle:(NSString *)title message:(NSString

  • iOS自定义alertView提示框实例分享

    本文实例为大家分享iOS自定义alertView提示框,先上图,弹框的背景色,按钮背景色,提示的消息的字体颜色都可以改变 利用单例实现丰富的自定义接口 // // PBAlertController.h // PBAlertDemo // // Created by 裴波波 on 16/4/20. // Copyright © 2016年 裴波波. All rights reserved. // #import <UIKit/UIKit.h> typedef void(^PBBlock)();

随机推荐