GLKView を使用して画像を描画する UITableViewCell に画像を配置しようとしています。
ストーリーボードに GLKView があるプロトタイプ セルがあります。[setNeedsDisplay を有効にする] がチェックされていません。
プロトタイプ セルには PhotoTableViewCell というカスタム クラスがあります。
import UIKit
import GLKit
class PhotoTableViewCell: UITableViewCell {
var eaglContext:EAGLContext!
var ciContext:CIContext!
var myImage:CIImage!
@IBOutlet weak var photoGlView: GLKView!
@IBOutlet weak var timeLabel: UILabel!
@IBOutlet weak var cameraLabel: UILabel!
@IBOutlet weak var notesLabel: UILabel!
override func layoutSubviews() {
self.photoGlView.delegate = self
}
}
extension PhotoTableViewCell: GLKViewDelegate {
override func draw(_ rect: CGRect) {
let drawableRectSize = CGSize(width: 200, height: 200)// width: photoGlView.drawableWidth, height: photoGlView.drawableHeight)
let drawableRect = CGRect(origin: CGPoint.zero, size: drawableRectSize)
print("rect ->\(drawableRect)")
print("rect size -> \(drawableRectSize)")
ciContext.draw(myImage, in: drawableRect, from: myImage.extent)
print("drawing rect my image =\(photoGlView)")
}
func glkView(_ view: GLKView, drawIn rect: CGRect) {
let drawableRectSize = CGSize(width: view.drawableWidth, height: view.drawableHeight)
let drawableRect = CGRect(origin: CGPoint.zero, size: drawableRectSize)
ciContext.draw(myImage, in: drawableRect, from: myImage.extent)
print("drawing")
}
}
これは UITableViewController で使用されます
class PhotosTableViewController: UITableViewController {
var cameraId:Int = 1
var photos:[Photo] = []
var eaglContext:EAGLContext!
var ciContext:CIContext!
override func viewDidLoad() {
super.viewDidLoad()
self.eaglContext = EAGLContext(api: .openGLES2)
self.ciContext = CIContext(eaglContext: eaglContext!)
}
....
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "photoCell") as! PhotoTableViewCell
let photo = photos[indexPath.row]
if let image = photo.getLightImage() {
cell.ciContext = ciContext
cell.eaglContext = eaglContext
cell.myImage = image
cell.photoGlView.display()
}
cell.cameraLabel.text = AppService.shared.getCameraName(id: photo.cameraId)
cell.timeLabel.text = "Taken: \(photo.uploaded?.niceTime() ?? "")"
return cell
}
TableView に移動すると、次のログ ステートメントが表示されます
rect ->(0.0, 0.0, 200.0, 200.0)
rect size -> (200.0, 200.0)
drawing rect my image =Optional(<GLKView: 0x1560bed0; frame = (0 0; 191 253); clipsToBounds = YES; opaque = NO; autoresize = RM+BM; tintColor = UIDeviceRGBColorSpace 0 0 0 1; layer = <CAEAGLLayer: 0x1560e530>>)
rect ->(0.0, 0.0, 200.0, 200.0)
rect size -> (200.0, 200.0)
drawing rect my image =Optional(<GLKView: 0x156044f0; frame = (0 0; 191 253); clipsToBounds = YES; opaque = NO; autoresize = RM+BM; tintColor = UIDeviceRGBColorSpace 0 0 0 1; layer = <CAEAGLLayer: 0x15604610>>)
私の質問は、なぜビューが空白なのですか? 画像があり、glkView が適切な場所にあると確信しています (Xcode のプレビュー ツールで検査しました)。
glkView( view:GLKView, drawIn rect:CGRect) ではなく draw(rect:) が呼び出されるのはなぜですか?
iOS 9.3を実行しているiPhone 5でXcode 8、swift 3を使用しています。