SwiftでのiPhoneアプリ開発メモ。
仕事で、画面の背景をグラデーションさせる必要が出てきたので、調べてみた。
CAGradientLayerを、グラデーションさせたいビューのレイヤーに挿入すれば簡単にできるみたい。
UIViewの背景色をグラデーションさせる方法
UIViewの背景色をグラデーションさせる例。
UIViewControllerのビュー背景をだんだん暗くしていく。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
//ViewControllerのViewの初期設定 self.view.backgroundColor = UIColor.white let gradientLayer = CAGradientLayer() gradientLayer.frame = self.view.bounds //グラデーションさせるカラーの設定 //今回は、徐々に色を濃くしていく let color1 = UIColor(red: 235/255, green:228/255, blue: 223/255, alpha: 1.0).cgColor let color2 = UIColor(red: 210/255, green:204/255, blue: 198/255, alpha: 1.0).cgColor //CAGradientLayerにグラデーションさせるカラーをセット gradientLayer.colors = [color1, color2] //グラデーションの開始地点・終了地点の設定 gradientLayer.startPoint = CGPoint.init(x: 0, y: 0) gradientLayer.endPoint = CGPoint.init(x: 0.5, y:0.5) //ViewControllerのViewレイヤーにグラデーションレイヤーを挿入する self.view.layer.insertSublayer(gradientLayer,at:0) |
[…] 参考にさせていただいたページ http://IOSアプリ開発！背景色にグラデーションを与える。 Swift UIViewの背景をグラデーションさせる方法 -iPhoneアプリ開発- […]