現在、SwiftのSpritekitを使いiOSアプリケーションを作っているのですが、円グラフを書く方法がわかりません。
調べてみてもUIKitを使う方法ばかり出てきてしまい、使うことができません。
誰かSwiftのSpritekitで下のような円グラフを描く方法をご教授ください。

回答3件
あなたの回答
tips
プレビュー
SpriteKitは、iOSやOS Xで使用できるApple社製の2Dゲーム開発フレームワークです。
iOS7はAppleが開発したモバイルオペレーションシステムiOSの七番目のメジャーバージョンです。
iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。
iOS 8(アイ・オーエス8)は、アップル社が2014年9月に発表したオペレーティングシステムです。iPhone 4sより対応しています。デザイン性の変更はなく、アプリや各種機能が強化されています。また、サードパーティ開発者のために、多くのAPIが開放されています。
Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。
SpriteKitは、iOSやOS Xで使用できるApple社製の2Dゲーム開発フレームワークです。
iOS7はAppleが開発したモバイルオペレーションシステムiOSの七番目のメジャーバージョンです。
iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。
iOS 8(アイ・オーエス8)は、アップル社が2014年9月に発表したオペレーティングシステムです。iPhone 4sより対応しています。デザイン性の変更はなく、アプリや各種機能が強化されています。また、サードパーティ開発者のために、多くのAPIが開放されています。
Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。
0グッド
0クリップ
投稿2015/10/27 12:50
現在、SwiftのSpritekitを使いiOSアプリケーションを作っているのですが、円グラフを書く方法がわかりません。
調べてみてもUIKitを使う方法ばかり出てきてしまい、使うことができません。
誰かSwiftのSpritekitで下のような円グラフを描く方法をご教授ください。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答3件
0
ベストアンサー
SKShapeNodeとSKLabelNodeを組み合わせて使ってください。
Swift
1let scene = SKScene(size: skview.bounds.size) 2 3let path = CGPathCreateMutable() 4CGPathAddArc(path, nil, 0.0, 0.0, 30.0, CGFloat(M_PI), CGFloat(M_PI/2.0), false) 5CGPathAddLineToPoint(path, nil, 0.0, 50.0) 6CGPathAddArc(path, nil, 0.0, 0.0, 50.0, CGFloat(M_PI/2.0), CGFloat(M_PI), true) 7CGPathCloseSubpath(path) 8 9let shape = SKShapeNode(path: path) 10shape.fillColor = SKColor.redColor() 11shape.lineWidth = 0.0 12shape.position = CGPoint(x: scene.frame.midX, y: scene.frame.midY) 13 14let label = SKLabelNode(fontNamed: "Arial-BoldMT") 15label.text = "75%" 16label.fontColor = SKColor.redColor() 17label.fontSize = 20.0 18label.position = CGPoint(x: scene.frame.midX, y: scene.frame.midY) 19 20scene.addChild(shape) 21scene.addChild(label)
投稿2016/01/11 07:01
編集2016/01/11 07:04総合スコア2183
0
spritekit 半円 でググってたらほぼ答えが出てましたが、
添付画像のような絵が描きたい場合は、
単純に大小の円を重ねてやればできます。
大 = %で円を描く 50% は 180度の円
小 = 背景色と同じ色の円を大の円の上に重ねる+文字も載せる
問題は、大の円をどうするか?ですが、これは先ほどの”spritekit 半円 でググって”解決できそうです。
投稿2016/01/10 22:17
総合スコア29
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。