AJ学IOS(30)UI之Quartz2D画图片画文字
2015-11-29 00:42
495 查看
回头看了看自己写的博客,AJ决定以后更改风格
本意是想大家看效果直接拷贝代码能用,注释齐全也方便学习,但是发现这样对新手学习特别困难
以后风格基本是–>看标题–>看目录–>看图片–>看代码–>自己尝试。
当然,如果有好的给力Demo AJ还是会原来那样放上来的。
AJ分享,必须精品
代码:
代码:
代码:
本意是想大家看效果直接拷贝代码能用,注释齐全也方便学习,但是发现这样对新手学习特别困难
以后风格基本是–>看标题–>看目录–>看图片–>看代码–>自己尝试。
当然,如果有好的给力Demo AJ还是会原来那样放上来的。
AJ分享,必须精品
画文字
效果:代码:
[code]// // // Created by apple on 15-5-5. // Copyright (c) 2015年 znycat. All rights reserved. // #import "NYTextView.h" @implementation NYTextView - (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { // Initialization code } return self; } - (void)drawRect:(CGRect)rect { // 画文字 NSString *str = @"猫猫喵呜,!猫猫喵呜,!猫猫喵呜,!猫猫喵呜,!"; // 1.获取上下文 // CGContextRef ctx = UIGraphicsGetCurrentContext(); // 2.绘图 // 不推荐使用C语言的方法绘制文字, 因为quraz2d中的坐标系和UIkit中的坐标系不一致, 绘制出来的文字是颠倒的, 而且通过C语言的方法绘制文字相当麻烦 // CGContextSelectFont(<#CGContextRef c#>, <#const char *name#>, <#CGFloat size#>, <#CGTextEncoding textEncoding#>) // CGContextShowText(ctx, <#const char *string#>, <#size_t length#>) // 绘制矩形 // 1.获取上下文 CGContextRef ctx = UIGraphicsGetCurrentContext(); // 2.绘图 CGContextAddRect(ctx, CGRectMake(10, 10, 80, 80)); // 3.渲染 CGContextStrokePath(ctx); // NSMutableDictionary *md = [NSMutableDictionary dictionary]; // // 设置文字颜色 // md[NSForegroundColorAttributeName] =[UIColor redColor]; // // 设置文字背景颜色 // md[NSBackgroundColorAttributeName] = [UIColor greenColor]; // // 设置文字大小 // md[NSFontAttributeName] = [UIFont systemFontOfSize:20]; // 将文字绘制到指点的位置 // [str drawAtPoint:CGPointMake(10, 10) withAttributes:md]; // 将文字绘制到指定的范围内, 如果一行装不下会自动换行, 当文字超出范围后就不显示 [str drawInRect:CGRectMake(20, 20, 80, 80) withAttributes:nil]; } @end
画图片
平铺图片
[code]// // NYImageView.m // 画图片画文字 // // Created by apple on 15-5-5. // Copyright (c) 2015年 znycat. All rights reserved. // #import "NYImageView.h" @implementation NYImageView - (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { // Initialization code } return self; } - (void)drawRect:(CGRect)rect { // 1.加载图片到内存中 UIImage *image = [UIImage imageNamed:@"cat"]; // 利用drawAsPatternInRec方法绘制图片到layer, 是通过平铺原有图片 [image drawAsPatternInRect:CGRectMake(0, 0, 320, 480)]; } @end
拉伸图片
效果:代码:
[code]// // NYImageView.m // 画图片画文字 // // Created by apple on 15-5-5. // Copyright (c) 2015年 znycat. All rights reserved. // #import "NYImageView.h" @implementation NYImageView - (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { // Initialization code } return self; } - (void)drawRect:(CGRect)rect { // 1.加载图片到内存中 UIImage *image = [UIImage imageNamed:@"cat"]; // 利用OC方法将图片绘制到layer上 // 利用drawInRect方法绘制图片到layer, 是通过拉伸原有图片 [image drawInRect:CGRectMake(0, 0, 260, 260)]; } @end
图片固定位置
效果:代码:
[code]// // NYImageView.m // 画图片画文字 // // Created by apple on 15-5-5. // Copyright (c) 2015年 znycat. All rights reserved. // #import "NYImageView.h" @implementation NYImageView - (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { // Initialization code } return self; } - (void)drawRect:(CGRect)rect { // 1.加载图片到内存中 UIImage *image = [UIImage imageNamed:@"cat"]; // 利用OC方法将图片绘制到layer上 // 将图片绘制到指定的位置 [image drawAtPoint:CGPointMake(100, 100)]; } @end
相关文章推荐
- AJ学IOS(29)UI之Quartz2D自定义下载控件_画各种图形
- AJ学IOS(28)UI之Quartz2D简单介绍
- AJ学IOS(27)UI之iOSUIKit字符属性NSAttributedString概述
- AJ学IOS(26)UI之iOS抽屉效果小Demo
- AJ学IOS(25)UI之触摸事件
- AJ学IOS(24)UI之注册案例
- AJ学IOS(23)UI之控制器管理
- AJ学IOS(20)UI之UIPickerView_点菜系统
- AJ学IOS(19)UI之QQ好友列表
- AJ学IOS(18)UI之QQ聊天布局_键盘通知实现自动弹出隐藏_自动回复
- AJ学IOS(17)UI之纯代码自定义Cell实现新浪微博UI
- AJ学IOS(16)UI之XIB自定义Cell实现团购UI
- AJ学IOS(15)UI之曾经大热的打砖块小游戏
- AJ学IOS(14)UI之UITableView扩充_表格的修改_(增删移动)
- AJ学IOS(13)UI之UITableView学习(下)汽车名牌带右侧索引
- AJ学IOS(12)UI之UITableView学习(上)LOL英雄联盟练习
- AJ学IOS(11)UI之图片自动轮播
- AJ学IOS(10)UI之_NSTimer_ios计时器
- AJ学IOS(09)UI之UIScrollView代理触摸实现_图片缩放
- AJ学IOS(08)UI之热门_喜马拉雅UI实现-UIScrollView的使用