wift - viewの影

6480 ワード
iOS view Shadow Swift iOS テキストリンク

swiftでviewに影をつける基本の四つのプロパティ

simple.swift
testView.layer.shadowOffset = CGSize(width: 0.0, height: 2.0)
testView.layer.shadowColor = UIColor.black.cgColor
testView.layer.shadowOpacity = 0.6
testView.layer.shadowRadius = 4

影の方向 shadowOffset

heightは縦方向です、正数は下、負数は上です。

simple.swift
//影は下にある
testView.layer.shadowOffset = CGSize(width: 0.0, height: 30.0)
//影は上にある
testView.layer.shadowOffset = CGSize(width: 0.0, height: -30.0)

widthは横方向です、正数は右、負数は左です。

simple.swift
//影は右にある
testView.layer.shadowOffset = CGSize(width: 30.0, height: 0.0)
//影は左にある
testView.layer.shadowOffset = CGSize(width: -30.0, height: 0.0)

影の色 shadowColor

simple.swift
testView.layer.shadowColor = UIColor.blue.cgColor

影の透明度 shadowOpacity

範囲は０〜１です。０が透明、１が不透明です。

simple.swift
testView.layer.shadowOpacity = 0.2

影の幅 shadowRadius

simple.swift
testView.layer.shadowRadius = 30.0

終わりに

わかりやすいようにちょっと大げさな数値を入れましたので、自分のニーズで調整してください。