我正在尝试使用watchOS 2在Apple Watch上渲染线条/步骤图.与iOS 9不同,watchOS 2不支持Quartz.它只支持Core Graphics.我尝试编写一些代码来绘制折线图但我得到一个错误“CGContextRestoreGState:无效的上下文0x0.这是一个严重的错误.这个应用程序,或它使用的库,正在使用无效的上下文,从而有助于整体系统稳定性和可靠性降低.这个通知是礼貌的:请解决这个问题.在即将到来的更新中它将成为一个致命错误.“
以下是我使用的代码:
- import WatchKit
- import Foundation
- import UIKit
- class InterfaceController: WKInterfaceController{
- override func awakeWithContext(context: AnyObject?) {
- super.awakeWithContext(context)
- let path = UIBezierPath()
- let startPoint = CGPointMake(0.0,0.0)
- path.moveToPoint(startPoint)
- let nextPoint = CGPointMake(20.0,20.0)
- path.addLineToPoint(nextPoint)
- path.lineWidth = 1.0
- UIColor.whiteColor().setStroke()
- path.stroke()
- }
- override func willActivate() {
- super.willActivate()
- }
- override func didDeactivate() {
- super.didDeactivate()
- }
- }
我的最终结果应该像Apple Watch上的Stocks app.每当用户点击特定股票时,他将能够查看/可视化该股票的统计数据.任何人都可以帮助我实现这一目标.
解决方法
我成功地使用以下步骤渲染线条:
>创建基于位图的图形上下文,并使用UIGraphicsBeginImageContext将其设置为当前上下文.
>借鉴上下文.
>从上下文中提取CGImageRef并将其转换为UIImage对象.
>在WKInterfaceGroup或WKInterfaceImage上显示图像.
码:
- // Create a graphics context
- let size = CGSizeMake(100,100)
- UIGraphicsBeginImageContext(size)
- let context = UIGraphicsGetCurrentContext()
- // Setup for the path appearance
- CGContextSetStrokeColorWithColor(context,UIColor.whiteColor().CGColor)
- CGContextSetLineWidth(context,4.0)
- // Draw lines
- CGContextBeginPath (context);
- CGContextMoveToPoint(context,0);
- CGContextAddLineToPoint(context,100,100);
- CGContextMoveToPoint(context,100);
- CGContextAddLineToPoint(context,0);
- CGContextStrokePath(context);
- // Convert to UIImage
- let cgimage = CGBitmapContextCreateImage(context);
- let uiimage = UIImage(CGImage: cgimage!)
- // End the graphics context
- UIGraphicsEndImageContext()
- // Show on WKInterfaceImage
- image.setImage(uiimage)
image是WKInterfaceImage属性.这个对我有用.
我也可以在watchOS上使用UIBezierPath绘制如下:
- // Create a graphics context
- let size = CGSizeMake(100,100)
- UIGraphicsBeginImageContext(size)
- let context = UIGraphicsGetCurrentContext()
- UIGraphicsPushContext(context!)
- // Setup for the path appearance
- UIColor.greenColor().setStroke()
- UIColor.whiteColor().setFill()
- // Draw an oval
- let rect = CGRectMake(2,2,96,96)
- let path = UIBezierPath(ovalInRect: rect)
- path.lineWidth = 4.0
- path.fill()
- path.stroke()
- // Convert to UIImage
- let cgimage = CGBitmapContextCreateImage(context);
- let uiimage = UIImage(CGImage: cgimage!)
- // End the graphics context
- UIGraphicsPopContext()
- UIGraphicsEndImageContext()
- image.setImage(uiimage)