javaSEがiOSアプリデザイン、開発に挑む日記

本業java SEがswift、デザインの勉強したことを残しておくブログ

swift ソースでグラデーション背景を作成

グラデーションのある背景はイラレとかで作らなきゃいけないと思っってたけど

簡単なものならソースで作れる。

//グラデーションカラー一覧
let topColor = UIColor(red:0.07, green:0.357, blue:0.592, alpha:1)
let midColor = UIColor(red:1.0, green:1.0, blue:1.0, alpha:1)
let mid2Color = UIColor(red:0.392, green:0.659, blue:0.208, alpha:1)
let bottomColor = UIColor(red:0.475, green:0.878, blue:0.957, alpha:1)
    
let gradientColors: [CGColor] = [topColor.CGColor,midColor.CGColor,mid2Color.CGColor, bottomColor.CGColor]
    
//グラデーションレイヤーを作成
let gradientLayer: CAGradientLayer = CAGradientLayer()
    
//カラー配列のセット
gradientLayer.colors = gradientColors
//グラデーションレイヤーをスクリーンサイズにする
gradientLayer.frame = self.view.bounds
    
gradientLayer.startPoint = CGPointMake(1.0, 0.0)
gradientLayer.endPoint = CGPointMake(0.0, 1.0)
    
//グラデーションレイヤーをビューの一番下に配置
self.view.layer.insertSublayer(gradientLayer, atIndex: 0)

 

こんな感じ

 

f:id:k-murataDevDesign:20150715203003p:plain

 

 カラー数と角度は調整可能。

それぞれの幅は見つけられなかった...。

 

ちょっとした時にどうぞ。

 

にしても、美的センスを疑われる配色...