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

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

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

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

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

1回答

4142閲覧

iosアプリ 背景の放射状グラデーション

mACS

総合スコア19

iOS

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

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

0クリップ

投稿2015/11/20 02:11

お世話になっております。
iOSアプリをSwiftで作っております。

背景色を放射状のグラデーションにしたいです。

http://qiita.com/kikuma/items/ac737fb3305da3389bf9
上記サイトを参考に上から下へのグラデーションはできたのですが、
中央から外側への放射状にすることができません。

ご教授お願いいたします。

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

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

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

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

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

guest

回答1

0

ベストアンサー

CAGradientLayerLinear だけで Radial はなかったように思います。
やりようが無いわけではなく、CGContextDrawRadialGradient を使えば実現できます。

CALayerのサブクラスを作成する。

swift

1import UIKit 2 3class GradientLayer: CALayer { 4 5 var startColor = UIColor.orangeColor() 6 var endColor = UIColor.yellowColor() 7 8 required init(coder aDecoder: NSCoder) { 9 super.init(coder: aDecoder)! 10 } 11 12 override init(layer: AnyObject) { 13 super.init(layer: layer) 14 } 15 16 override init() { 17 super.init() 18 self.setNeedsDisplay() 19 } 20 21 override func drawInContext(ctx: CGContext) { 22 23 CGContextSaveGState(ctx) 24 25 let myColors = [startColor.CGColor, endColor.CGColor] 26 let myColorSpace = CGColorSpaceCreateDeviceRGB() 27 let myColorLocations:[CGFloat] = [0.0, 1.0] 28 29 let myGradient = CGGradientCreateWithColors(myColorSpace, myColors, myColorLocations) 30 31 let startCenter = CGPointMake(self.bounds.size.width/2, self.bounds.size.height/2) 32 let endCenter = startCenter 33 let startRadius:CGFloat = 0.0 34 let endRadius = min(self.bounds.size.width, self.bounds.size.height) 35 36 CGContextDrawRadialGradient(ctx, myGradient, startCenter, startRadius, endCenter, endRadius, [CGGradientDrawingOptions.DrawsBeforeStartLocation, CGGradientDrawingOptions.DrawsAfterEndLocation]) 37 38 CGContextRestoreGState(ctx) 39 40 } 41 42}

ViewControllerで呼ぶ。

swift

1import UIKit 2 3class ViewController: UIViewController { 4 5 let gradientLayer = GradientLayer() 6 7 override func viewDidLoad() { 8 super.viewDidLoad() 9 // Do any additional setup after loading the view, typically from a nib. 10 11 gradientLayer.frame = self.view.bounds 12 13 self.view.layer.addSublayer(gradientLayer) 14 } 15 16 override func didReceiveMemoryWarning() { 17 super.didReceiveMemoryWarning() 18 // Dispose of any resources that can be recreated. 19 } 20 21 22}

投稿2015/11/20 06:24

izkn

総合スコア1698

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

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

mACS

2015/11/20 08:08

提示いただいたソースで解決できました。ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問