iPhone / iOSのUIViewの下に影を描くにはどうすればよいですか？

UIを魅力的にするには、iOS開発で複数の属性を試してみる必要があります。ビューの周囲またはビューの下に影を描くには、レイヤーとビューを操作する必要があります。

これを2つの方法で見てみましょう。

方法1 −必要に応じてコーディングするだけです。

self.layer.masksToBounds = NO;
self.layer.cornerRadius = 2;
self.layer.shadowOffset = CGSizeMake(-5, 10);
self.layer.shadowRadius = 3;
self.layer.shadowOpacity = 0.3;

方法2 − IBDesignableおよびIBInspectableを作成し、ストーリーボードで使用します。

@IBDesignable
class DesignableView: UIView { }
extension UIView {
   @IBInspectable
   var shadowRadius: CGFloat {
      get {
         return layer.shadowRadius
      }
      set {
         layer.shadowRadius = newValue
      }
   }
   @IBInspectable
   var shadowOpacity: Float {
      get {
         return layer.shadowOpacity
      }
      set {
         layer.shadowOpacity = newValue
      }
   }
   @IBInspectable
   var shadowOffset: CGSize {
      get {
         return layer.shadowOffset
      }
      set {
         layer.shadowOffset = newValue
      }
   }
   @IBInspectable
   var shadowColor: UIColor? {
      get {
         if let color = layer.shadowColor {
            return UIColor(cgColor: color)
         }
         return nil
      }
      set {
         if let color = newValue {
            layer.shadowColor = color.cgColor
         } else {
            layer.shadowColor = nil
         }
      }
   }
}

上記のUIViewの拡張機能を使用すると、すべてのストーリーボードでこれらのプロパティにアクセスできるようになり、デバイスで実行して結果を確認しなくても、デザインを試すことができます。これらの変更はストーリーボードでライブで行われます。以下はその例です。