IOS自定义UIView

 更新时间:2017年03月07日 09:45:48   作者:这酸爽!  
本文主要介绍下存代码的自定义UIView和能够在storeboard中实时显示效果的自定义UIView。下面跟着小编一起来看下吧

IOS中一般会用到几种方式自定义UIView

1、继承之UIView的存代码的自定义View

2、使用xib和代码一起使用的自定义View

3、存xib的自定义View(不需要业务处理的那种)

本文主要就介绍下存代码的自定义UIView和能够在storeboard中实时显示效果的自定义UIView

先上效果图

上面为设计界面,能够直接显示一个View的圆角与边框线

上面那个圆形饼图是用纯代码自定义的

1.实现在storeboard中实时显示效果的自定义UIView

 1、创建MyView.h 继承 UIView

#import <UIKit/UIKit.h>

// 设置类为可视化设计
IB_DESIGNABLE
@interface MyView : UIView

// IBInspectable 为可视化设计属性

// 边框宽度
@property (nonatomic,assign)IBInspectable float borderWidth;

// 边框颜色
@property (nonatomic,retain)IBInspectable UIColor* borderColor;

// 圆角
@property (nonatomic,assign)IBInspectable float cornerRadius;
@end

这里要注意的就是上面的两个关键标签

IB_DESIGNABLE :代表的是这个类可以在storeboard中显示实时的效果

IBInspectable :代表把这个属性能在storeboard中修改

2、MyView.m的实现

//
// MyView.m
// 01_CirProgress
//
// Created by xgao on 15/10/29.
// Copyright (c) 2015年 xgao. All rights reserved.
//
#import "MyView.h"
@implementation MyView
// 边框宽度
- (void)setBorderWidth:(float)borderWidth{
 self.layer.borderWidth = borderWidth;
}
// 边框颜色
- (void)setBorderColor:(UIColor *)borderColor{
 self.layer.borderColor = borderColor.CGColor;
}
// 圆角
- (void)setCornerRadius:(float)cornerRadius{
 self.layer.cornerRadius = cornerRadius;
}
@end

3、在storeboad中添加一个view,并且设置这个view的类为 我们刚才创建的 MyView

上图里面的那些属性就是我们在.h文件里面加了IBInspectable关键字的属性,这里就能实时修改看效果了。

2.实现纯代码的自定义View

1、创建一个继承UIView的 MyProgress 类文件,MyProgress.h 如下:

#import <UIKit/UIKit.h>
@interface MyProgress : UIView
// 当时进度值
@property (nonatomic,assign) float progressValue;
@end

2、MyProgress.m 如下:

#import "MyProgress.h"
@implementation MyProgress
{
 float _proValue;
}
// 重写初始化方法
- (id)initWithFrame:(CGRect)frame{
 self = [super initWithFrame:frame];
 if (self) {

  // 设置背影为透明色
  self.backgroundColor = [UIColor clearColor];
 }
 return self;
}
// 重设progressValue属性
- (void)setProgressValue:(float)progressValue
{
 _progressValue = progressValue;
 // 重新画UI
 [self setNeedsDisplay];
}
// 绘图
- (void)drawRect:(CGRect)rect {
 // 获取画图的上下文
 CGContextRef ctx = UIGraphicsGetCurrentContext();
 /**** 绘制圆形背景线 ****/
 // 圆的半径
 float r = rect.size.width / 2.0;
 // 全圆
 CGFloat endAngle = M_PI * 2;
 // 画圆形线
 CGContextAddArc(ctx, r, r, r, 0, endAngle, 0);
 // 背影颜色
 CGContextSetRGBFillColor(ctx, 0.7, 0.7,0.7, 1);
 // 完成绘制
 CGContextFillPath(ctx);
 /**** 绘制扇形区域 ****/
 // 计算结束角度
 endAngle = M_PI * 2 * _progressValue;
 /** 画圆
  * 参数1:c   当前上下文
  * 参数2:x   圆的X坐标
  * 参数3:y   圆的Y坐标
  * 参数4:radius  圆的半径
  * 参数5:startAngle 开始角度
  * 参数6:endAngle 结束角度
  * 参数7:clockwise 是否逆时针
  */
 CGContextAddArc(ctx, r, r, r, 0, endAngle, 0);
 // 连成线,成弧形
 CGContextAddLineToPoint(ctx, r, r);
 // 其实就是在连接的那条线上加一个点,让线条连接到那一个点,就像拉弓,可加多个点
// CGContextAddLineToPoint(ctx, r + 20, r + 20);
 // 填充颜色
 CGContextSetRGBFillColor(ctx, 0, 0, 1, 1);
 // 完成绘制
 CGContextFillPath(ctx);
}

3、调用自定义的MyProgress类

#import "MyProgress.h"
@interface ViewController ()
{
 MyProgress* _myProView;
}
@end
@implementation ViewController
- (void)viewDidLoad {
 [super viewDidLoad];
 // 创建自定义控件
 _myProView = [[MyProgress alloc]initWithFrame:CGRectMake(100, 50, 180, 180)];
 // 默认进度
 _myProView.progressValue = 0.2;
 [self.view addSubview:_myProView];
}

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

相关文章

  • iOS实现多控制器切换效果

    iOS实现多控制器切换效果

    这篇文章主要为大家详细介绍了iOS实现多控制器切换效果,带滑动动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • iOS中日志同步获取NSLog重定向以及其他详解

    iOS中日志同步获取NSLog重定向以及其他详解

    在Objective-c开发程序的时候,有专门的日志操作类NSLog,它将指定的输出,输出到(stderr),我们可以利用Xcode的日志输出窗口,下面这篇文章主要给大家介绍了关于iOS中日志同步获取NSLog重定向以及其他的相关资料,需要的朋友可以参考下。
    2017-12-12
  • iOS如何跳转到App Store下载评分页面示例代码

    iOS如何跳转到App Store下载评分页面示例代码

    最近在工作中遇到一个需求,需要跳转到App Store下载评分,通过查找相关的资料最终解决了,下面这篇文章主要给大家介绍了关于iOS如何跳转到App Store下载评分页面的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-12-12
  • iOS 按钮上的文字添加下划线的方法

    iOS 按钮上的文字添加下划线的方法

    这篇文章主要介绍了iOS 按钮上的文字添加下划线的方法的相关资料,需要的朋友可以参考下
    2016-05-05
  • IOS开发基础之二维数组详解

    IOS开发基础之二维数组详解

    这篇文章主要介绍了IOS开发基础之二维数组详解的相关资料,需要的朋友可以参考下
    2017-04-04
  • Objective-C封装字符串存储操作示例

    Objective-C封装字符串存储操作示例

    这篇文章主要介绍了Objective-C封装字符串存储操作示例,需要的朋友可以参考下
    2014-05-05
  • iOS拍照后图片自动旋转90度的完美解决方法

    iOS拍照后图片自动旋转90度的完美解决方法

    今天开发一个拍照获取照片的功能的时候, 发现上传之后图片会自动旋转90.在测试中发现只要是图片大于2M, 系统就会自动翻转照片。下面小编通过本文给大家分享下解决办法
    2016-12-12
  • iOS视频编辑之添加音轨的方法

    iOS视频编辑之添加音轨的方法

    本篇文章主要介绍了iOS视频编辑之添加音轨的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • iOS 内存泄漏排查方法及原因分析

    iOS 内存泄漏排查方法及原因分析

    本文主要介绍了iOS 内存泄漏排查方法及原因,将从以下两个层面解决iOS内存泄漏问题,内存泄漏排查方法和内存泄漏原因分析,文中有详细的图文介绍,需要的朋友可以参考下
    2023-07-07
  • iOS开发中对于摄像头的一些基本使用方法分享

    iOS开发中对于摄像头的一些基本使用方法分享

    这篇文章主要介绍了iOS开发中对于摄像头的一些基本使用方法分享,包括判断摄像头是否可用的方法,需要的朋友可以参考下
    2015-10-10

最新评论