关情纸尾-----Quartz2D模仿系统的UIImageView

模仿系统的UIImageView

整体思路:
我们想要模仿系统的UIImageView,我们必须得要知道系统的UIView怎么用.

第一种用法
系统的用法是创建一个UIImageView对象,设置frame,给它传递一个UIImage,再把它添加到一个View上面就可以了.
可以切换图片.

第二种用法
就是在创建的时候直接传递一个UIImage对象,使用initWithImage的方法进行创建一个UImageView的方式
用这种做法创建出来的UIImageView它的尺寸大小和原始图片的尺寸大小一样大.
所以我们自己的UIImageView也要具有这些功能.

实现步骤:
  第一步:新建一个UIView,起名LLImageView.
  第二步:给LLImageView添加一个UIImage属性,供外界传递图片
  第三步:在DrawRect方法当中把传递的图片绘制到View上面
  绘制方法为:[_image drawInRect:rect],绘制的图片尺寸大小和UIView的尺寸大小一样大.
  第四步:重写UIImage属性的set方法,在set方法当中让View重新绘制.目的为了能够办到切换图片.
  第五步:提供一个- (instancetype)initWithImage:(UIImage *)image方法.
  在这个方法当中重写init方法
  在初始化时,让View尺寸和图片的实际大小一样大.
  然后再给UIImage属性赋值.
  这样在绘制图片的时候,显示出来的View已经有尺寸了, 尺寸大小和图片的实际大小一样大.

具体代码实现:  

  

 1   - (instancetype)initWithImage:(UIImage *)image{
 2      if (self = [super init]) {
 3          self.frame = CGRectMake(0, 0, image.size.width, image.size.height);
 4          _image = image;
 5       }
 6       return self;
 7     }
 8
 9
10  -(void)setImage:(UIImage *)image{
11       _image = image;
12       [self setNeedsDisplay];
13  }
14
15 - (void)drawRect:(CGRect)rect {
16       [_image drawInRect:rect];
17  }
时间: 2024-12-28 21:46:06

关情纸尾-----Quartz2D模仿系统的UIImageView的相关文章

关情纸尾-----Quartz2D简介

1.什么是Quartz2D? 他是一个二维的绘图引擎,同时支持iOS和Mac系统 2.Quartz2D能完成的工作? 画基本线条,绘制文字,图片,截图,自定义UIView. 3.Quartz2D在开发中的价值? 当我们的控件样式极其复杂时,可以把控件内部的结构给画出画,就是自定义控件. 4.什么是图形上下文,上下文的类型有哪些? 图形上下文是用来保存用户绘制的内容状态,并决定绘制到哪个地方的. 用户把绘制好的内容先保存到图形上下文, 然后根据选择的图形上下文的不同,绘制的内容显示到地方也不相同,

关情纸尾-----Quartz2D绘制下载进度条,饼图

绘制下载进度条 1.搭建界面. 2.拖动滑竿的时候让他里面的能够跟着我的拖动,数字在改变. 数字改变时有一个注意点, 就是要显示%,它是一个特殊的符号,要用两个%%代表一个% 3.拖动滑竿的时候就是在上面画弧. 从最上面,按顺时针画,所以,它的起始角度是-90度.结束角度也是-90度 也是从起始角度开始画, 起始角度-90度, 看你下载进度是多少 假如说你下载进度是100,就是1 * 360度 也就是说这个进度占你360度多少分之一 CGContextRef ctx = UIGraphicsGe

关情纸尾-----Quartz2D基本线条绘制

1.DrawRect方法作用?什么时候调用? DrawRect作用:专用在这个方法当中绘图的.只有在这个方法当中才能取得跟View相关联的上下文. DrawRect是系统自己调用的, 它是当View显示的时候自动调用. 2.画线(基本步骤描述) 2.1获取跟View相关联的上下文 CGContextRef ctx = UIGraphicsGetCurrentContext(); 2.2绘制路径 UIBezierPath *path = [UIBezierPath bezierPath]; 2.2

关情纸尾-----Quartz2D绘制圆形下载进度条,饼图

绘制下载进度条 1.搭建界面. 2.拖动滑竿的时候让他里面的能够跟着我的拖动,数字在改变. 数字改变时有一个注意点, 就是要显示%,它是一个特殊的符号,要用两个%%代表一个% 3.拖动滑竿的时候就是在上面画弧. 从最上面,按顺时针画,所以,它的起始角度是-90度.结束角度也是-90度 也是从起始角度开始画, 起始角度-90度, 看你下载进度是多少 假如说你下载进度是100,就是1 * 360度 也就是说这个进度占你360度多少分之一 CGContextRef ctx = UIGraphicsGe

关情纸尾-----Quartz2D定时器CADisplayLink下雪效果

定时器CADisplayLink下雪效果 1.定时器雪花整体思路: 先在控制器View面绘制一个雪花. 在View加载完毕后,添加一个定时器. 在定时器方法当中调用得绘方法. 在绘图方法当不段的去修改雪花的Y值. 当雪花的Y值超过屏幕的高度时,让雪花的Y值重新设为0.从最顶部开始. 2.添加定时器实现方案 第一种采用NSTime 第二种采用CADisplayLink 最终采用CADisplayLink方案. 2.1为什么采用CADisplayLink方案不用NSTime? 首先要了解setNee

关情纸尾-----Quartz2D-图片添加水印

给图片水印的目的: 告诉别人图片的来源. 防止别人盗用图片.打广告. 添加水印它最终是生成了一个新的图片. 生成图片要用到了图片上下文.不需要再去自定义View, 之前一直在自定义View,是因为要拿跟View相关联的上下文. 跟View相关联的上下文是系统自动帮我们创建的,所以不需要我们自己手动创建, 但是图片上下文需要我们自己去手动创建.还需要我们自己手动去关闭. 实现水印效果的思路: 开启一个和原始图片一样的图片上下文. 把原始图片先绘制到图片上下文. 再把要添加的水印(文字,logo)等

关情纸尾-----内存管理

一.引用计数器 1.整数,4个字节,表示对象被利用的次数 2.创建一个新对象时,新对象的引用计数器默认为1 3.当某个对象的引用计数器为10时,所占内存被系统回收 4.引用计数器的操作 return  +1 release  -1 retainCount 获得当前引用计数器值 5.对象的销毁 ①引用计数器 0 ②系统自动发送dealloc给对象 ③重写dealloc方法 ④一旦重写了dealloc,就必须调用[super dealloc],放在最后面调用 ⑤一旦对象被回收了,它占用的内存就不再可

关情纸尾-----UIKit基础--QQ自定义布心布局

简述整个项目的开发过程 1.在main.stroybord 中搭建基本界面 2.创建模型,一个是数据模型,一个是frame模型 3.实现对cell操作的封装 4.解决显示时间的细节问题 5.解决聊天内容的背景问题 6.用通知机制监听键盘 7.发送消息 一.在main.stroybord 中搭建基本界面 二.创建模型,一个是数据模型,一个是frame模型 根据message.plist文件创建模型 数据模型ZLMessage 1 #import <Foundation/Foundation.h>

关情纸尾-----面向对象的三大特性

面向对象的三大特性 .封装 .继承 .多态 一.封装 1.set方法 (1)作用:提供一个方法给外界设置成员变量,可以在方法里面对参数进行过滤 (2)命名规范: 方法都是以set开头,而且后面要跟上成员变量名,成员变量名的首字母必须是大写 (3)形参名称不要和成员变量同名 (4)返回值一定是void (5)一定要接收一个参数,而且参数类型和成员变量类型一致 2.get方法 (1)作用:返回内部的成员变量 (2)命名规范:方法的名称一般就跟成员变量同名 (3)一定有返回值,并且返回值类型和成员变量