今天周末休息,想好好补补课,无奈,弄了一上午,全部都是半边拉块的demo,有一种深深的挫败感。

  中午睡醒一觉后,又看了一集“奔跑吧兄弟”,然后一下午时间就过去了。

  仔细一想,应该是我的补课方法不对:要补的东西太多了,必须得从大处入手,如果从小处入手,那得花老鼻子的时间来弄了。

  然后,那就从困扰了好久的画线开始吧。

  前两天做项目,头儿让我用画线实现一个功能,他一说画线我就打怵,因为对这一方面不是很熟,这几天鼓捣了几下子,但是每次都是做着做着这个,又发现了另外一个不会的东东,转战去其他战场了,等反应过来时,时间已经过去了,画线这个功能还是没有解决,深深的挫败感又袭了一身,也没有心情弄了,遂洗洗就去睡了,第二天周而复始。

  现在发现了自己的战略不对,所以要及时改正啊!

  下面就好好总结一下画线的基本功,如果其他博友看到,说不准也能指点迷津了!

  

写在前面:

1.首先必须知道:如果要画线,则必须在drawRect方法里面写,也就是要重写这个方法。

2.必须知道上下文的意思,我认为的就是拿到当前view的画布。

这几个地方明了了,就不难了。

1.首先,应该创建一个project

2.在project里面,新建一个继承于UIView的view,我们定义为LineView;

3.重写init方法

  3.1 在这个里面,我们要定义一下当前view的backgroundColor,因为默认是黑色,我们将之设置为白色。

  

-(instancetype)init{

if (self = [super init]) {

self.backgroundColor = [UIColor whiteColor];

}

return self;

}

4.重写drawRect 方法

  4.1 要画一条线,我们必须得先设置好画布

CGContextRef context = UIGraphicsGetCurrentContext();

  4.2 设置这条线的起点和终点:我们从屏幕的左上角--屏幕的右下角

CGContextMoveToPoint(context, 0, 0);//先确立一个开始的点

CGContextAddLineToPoint(context, [[UIScreen mainScreen]bounds].size.width, [[UIScreen mainScreen]bounds].size.height);//设置终点。如果多于两个点时,可以重复调用这个方法,就会有多个折线

前面的context代表的是基于当前的画布,后面的两个参数,代表当前点的坐标。

  4.3 设置当前线的宽度

CGContextSetLineWidth(context, 5.0);//后面的数值越大,线越粗

  4.4 设置当前线的颜色

CGFloat components[] = {221.0/255,221.0/255,221.0/255,1.0f};

CGContextSetStrokeColor(context, components);

components就是用

[UIColor colorWithRed:<#(CGFloat)#> green:<#(CGFloat)#> blue:<#(CGFloat)#> alpha:<#(CGFloat)#>]

将这个方法分离出来,分别填入数组内,范围是从0.0-1.0,不可以越界。

  4.5 连接这两个点

CGContextStrokePath(context);

这样,这条简单的直线就画完了。

  

  但这样还是不够,因为我们还没有将它贴在ViewController里面。

在ViewController.m中的viewDidLoad方法里面,我们将它添加进去:

- (void)viewDidLoad {

[super viewDidLoad];

self.view.backgroundColor = [UIColor whiteColor];

LineView * lineView = [[LineView alloc]init];

lineView.frame = self.view.bounds;

[self.view addSubview:lineView];

}

运行程序,这条淡灰色的线就粗来了~~~功能虽然简单,但是,能完整的写出来,也算有一种小小的成就感了。当然,这只是一个小小的开始,更复杂的任务,还在后面等着我们呢!

刚才新建了一个群:iOS进阶学习交流群

QQ群号:461093715

这里面现在仅有我一个人,不过我相信会有更多的博友加入,我们一起进步。

北京今天的天气很凉爽啊,早上没有开空调,开了风扇,冻得我的小短腿直哆嗦,现在打开窗户,小风直来呢~加油。

iOS CGContextRef 画一条直线,仅仅是画一条直线的更多相关文章

  1. iOS CGContextRef画图时的常用方法

    UIView的drawRect方法 CoreGraphics绘图 综述:描述系统会调用UIView的drawRect方法,所以coreGraphics的所有实现代码放在该函数内,setNeedsDis ...

  2. 求曲线y=lnx在区间(2,6)内的一条切线,使得该切线与直线x=2,x=6及曲线y=lnx所围成的图形的面积最小。

    求曲线y=lnx在区间(2,6)内的一条切线,使得该切线与直线x=2,x=6及曲线y=lnx所围成的图形的面积最小. 1.先画图. 2.设切点为(a,lna) (2<a<6) 3.切线方程 ...

  3. iOS开发小技巧--微博项目中的键盘工具条

    微博项目中的键盘工具条 项目中的键盘工具条不能使用inputAccessoryView,因为inputAccessoryView不能实现键盘隐藏的时候,工具条还显示在眼前,如图: 所以,果断决定将工具 ...

  4. Java编写画图板程序细节-保存已画图形

    没有Java编写画图板程序细节-保存已画图形   一.为何我们要保存画图板上已画图形呢? 有很多人会问,为什么我们一定要保存画图板上已经画好了的图形呢?原因很简单.当我们在画图板上画完自己想画的图形后 ...

  5. c语言求平面上2个坐标点的直线距离、求俩坐标直线距离作为半径的圆的面积、递归、菲波那次数列、explode

    #include <stdio.h> #include <math.h> #include <string.h> char explode( char * str ...

  6. poj3819 Coverage (求直线与圆的交占直线的百分比 )

    题意:给你一条直线和若干个圆,求圆与直线相交的长度占整条直线的比例 解题思路:通过定比分点的方法求出圆与直线的交占圆的比例. 第一步:(确定投影的方向是x轴还是y轴) (1)当直线的line.s(x, ...

  7. NX二次开发-直线分析函数UF_EVAL_ask_line与NXOpen::Line直线分析的用法

    NX11+VS2013 #include <NXOpen/Line.hxx> #include <NXOpen/NXException.hxx> #include <NX ...

  8. Qt刷新机制的一些总结(Qt内部画的时候是相当于画在后台一个对象里,然后在刷新的时候调用bitblt统一画,调用window的api并不会影响到后面的那个对象)

    前段时间做过一个界面刷新的优化,遇到的坑比较多,在这里做一点点总结吧.     优化的方案是滚动滚动条的时候用截屏的方式代替界面全部刷新,优化完成后,界面在滚动时效率能提升大概一倍,背景介绍完毕.   ...

  9. 一条insert语句批量插入多条记录

    一条insert语句批量插入多条记录 常见的insert语句,向数据库中,一条语句只能插入一条数据: insert into persons (id_p, lastname , firstName,  ...

随机推荐

  1. 统计文件中的URL

    1. 题目: 一个文本文件中每一行中有一个URL,最多一万行,统计每一个URL的次数,输出到另外一个文件中,每一行前面是URL,后面是个数. 2.代码: package test; import ja ...

  2. java多线程同步以及线程间通信详解&消费者生产者模式&死锁&Thread.join()(多线程编程之二)

    本篇我们将讨论以下知识点: 1.线程同步问题的产生 什么是线程同步问题,我们先来看一段卖票系统的代码,然后再分析这个问题: package com.zejian.test; /** * @author ...

  3. mpvue项目中安装weui

    观察一下发现,mpvue项目打包css的规律是:根组件App.vue里的style样式全部打包到 dist  /  static / css / app.wxss ..   参照微信小程序的原生引入使 ...

  4. Java分享笔记:FileOutputStream流的write方法

    /*------------------------ FileOutputStream: ....//输出流,字节流 ....//write(byte[] b)方法: 将b.length个字节从指定字 ...

  5. mysql基础,索引

  6. 【Python 2 到 3 系列】 关于除法的余数

    v2.2 以前,除("/")运算符的返回有两种可能情况,分别是整型和浮点型.操作数的不同,是影响计算结果数据类型的关键. 以 a / b 为例,a.b均为整型,则结果返回整型:a. ...

  7. JavaScript高级程序设计第三版.CHM【带实例】

    从驱动全球商业.贸易及管理领域不计其数的复杂应用程序的角度来看,说 JavaScript 已经成为当今世界上最流行的编程语言一点儿都不为过. JavaScript 是一种非常松散的面向对象语言,也是 ...

  8. PHP 微信公众号之客服完整讲解

    //获取access_token private static function get_access_token($app_id) { $getAuthorizerInfo = wx_auth::g ...

  9. python 函数的嵌套 和 作用域链

    # def max(a,b): # return a if a>b else b # # def the_max(x,y,z): #函数的嵌套调用 # c = max(x,y) # return ...

  10. C# WPF使一个窗口挡在最前面,且不处理此窗口就不能点击其他窗口

    模态框弹出就可以了.窗口用ShowDialog调用. 可以在子窗体里把WindowStartupLocation设置为CenterOwner, 让子窗体在MainWindow的中心位置显示