zoukankan      html  css  js  c++  java
  • iOS8使用Core Graphics实现渐变效果-Swift基础教程

    Core Graphics是一个强大的底层API,在这篇教程中我们主要使用Core Graphics来实现渐变效果,为了简单起见,我们采用线性渐变。线性渐变是从起点到终点颜色进行顺序渐变。教程在iOS8.1及Xcode6.1下编译通过。

    打开Xcode,新建项目选择Single View Application,Product Name填写IOS8SwiftGradientsCoreGraphicsTutorial,Organization Name和Organization Identifier自行填写,选择Swift语言与iPhone设备。

    iOS8使用Core Graphics实现渐变效果

    项目增加一个新文件iOS->Source->Cocoa Touch Class,创建gradientView类并且继承于UIView

    FvUl-2ljOxQzXBLjoH9URHNJJCDZ

    打开Storyboard,选中View然后打开Identity Inspector面板,将Custom Class选择为gradientView

    Fv1JP26lFjU1Ain_pQu-nIQdzBId

    打开gradientView.swift文件,修改drawRect方法如下:

    // 1
          var currentContext = UIGraphicsGetCurrentContext()
    
          // 2
          CGContextSaveGState(currentContext);
    
          // 3
          var colorSpace = CGColorSpaceCreateDeviceRGB()
    
          // 4
          var startColor = UIColor.redColor();
          var startColorComponents = CGColorGetComponents(startColor.CGColor)
          var endColor = UIColor.blueColor();
          var endColorComponents = CGColorGetComponents(endColor.CGColor)
    
          // 5
          var colorComponents
            = [startColorComponents[0], startColorComponents[1], startColorComponents[2], startColorComponents[3], endColorComponents[0], endColorComponents[1], endColorComponents[2], endColorComponents[3]]
    
          // 6
          var locations:[CGFloat] = [0.0, 1.0]
    
          // 7
          var gradient = CGGradientCreateWithColorComponents(colorSpace,&colorComponents,&locations,2)
    
          var startPoint = CGPointMake(0, self.bounds.height)
          var endPoint = CGPointMake(self.bounds.width, self.bounds.height)
    
          // 8
          CGContextDrawLinearGradient(currentContext,gradient,startPoint,endPoint, 0)
    
          // 9
          CGContextRestoreGState(currentContext);
    

    1.CGContextRef是图形上下文,可以将其理解为一块画布,我们可以在上面进行绘画操作

    2.将graphical context保持,这样稍后可以恢复

    3.CGColorSpaceRef这是一个色彩范围的容器,通常我们需要用到RGB色彩空间

    4.定义了开始渐变与结束渐变点颜色,CGColor是一个低级别的Color Components,调用CGColorGetcomponents可以从CGColor结构体中获取Color Components

    5.创建颜色分量数组(数组包含CGFloat类型的红、绿、蓝和alpha值)

    6.设置渐变位置

    7.使用CGGradientCreateWithColorComponents创建包含渐变的CGGradientRef对象

    8.调用CGContextDrawLinearGradient绘制渐变

    9.恢复Graphical Context状态

    编译运行项目后,效果如下

    FsmWD3v9gRVOhKDcyFOJGqJqYhne

    原文:http://www.ioscreator.com/tutorials/draw-gradients-core-graphics-ios8-swift

  • 相关阅读:
    leetcode_09_Palindrome Number (easy)
    JQuery与JavaScript与Ajax三者的区别与联系
    Blockly常用函数
    JavaWeb中四大域对象
    Thymeleaf知识
    列表、字典、元组、集合的区别
    Spring Boot拦截器
    AWS路由表
    Android调试工具DDMS的使用详解
    Android 列表单选对话框
  • 原文地址:https://www.cnblogs.com/Free-Thinker/p/5110709.html
Copyright © 2011-2022 走看看