質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
SpriteKit

SpriteKitは、iOSやOS Xで使用できるApple社製の2Dゲーム開発フレームワークです。

iOS 7

iOS7はAppleが開発したモバイルオペレーションシステムiOSの七番目のメジャーバージョンです。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

iOS 8

iOS 8(アイ・オーエス8)は、アップル社が2014年9月に発表したオペレーティングシステムです。iPhone 4sより対応しています。デザイン性の変更はなく、アプリや各種機能が強化されています。また、サードパーティ開発者のために、多くのAPIが開放されています。

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

Q&A

解決済

3回答

3594閲覧

SwiftのSpritekitで円グラフを書く方法

__MOX__

総合スコア18

SpriteKit

SpriteKitは、iOSやOS Xで使用できるApple社製の2Dゲーム開発フレームワークです。

iOS 7

iOS7はAppleが開発したモバイルオペレーションシステムiOSの七番目のメジャーバージョンです。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

iOS 8

iOS 8(アイ・オーエス8)は、アップル社が2014年9月に発表したオペレーティングシステムです。iPhone 4sより対応しています。デザイン性の変更はなく、アプリや各種機能が強化されています。また、サードパーティ開発者のために、多くのAPIが開放されています。

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

0グッド

0クリップ

投稿2015/10/27 12:50

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

このリンク先のような円グラフを描きたいです

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答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
Stripe

総合スコア2183

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

spritekit 半円 でググってたらほぼ答えが出てましたが、

添付画像のような絵が描きたい場合は、
単純に大小の円を重ねてやればできます。
大 = %で円を描く 50% は 180度の円
小 = 背景色と同じ色の円を大の円の上に重ねる+文字も載せる

問題は、大の円をどうするか?ですが、これは先ほどの”spritekit 半円 でググって”解決できそうです。

投稿2016/01/10 22:17

youringtone

総合スコア29

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

SpriteKitで円グラフを描画する意図が分からないのですが‥まぁそれは置いておいて。
UIKit(じゃなくてもいいですが)で生成した円グラフのpngを、Sprite画像として使えばいいんじゃないでしょうか?

投稿2015/10/28 00:36

fuzzball

総合スコア16731

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問