iPhone / iOSでUIViewに境界線、境界線の半径、影を作成するにはどうすればよいですか？

この記事では、境界線と影を作成する方法を学習します。 2つの方法で行います。1つは直接コーディングする方法、もう1つはデザイン可能にする方法と、ストーリーボードで直接編集できるUIViewの拡張機能です。

iOSで境界線をいじる方法を見てみましょう-

方法1 −簡単なコーディングで境界線を作成する–

境界線はレイヤーのプロパティであり、その上にビューが描画されます。境界線には、境界線の色、境界線の幅のプロパティがあります。

self.view.layer.borderColor = colorLiteral(red: 0.4392156899, green: 0.01176470611, blue: 0.1921568662, alpha: 1)
self.view.layer.borderWidth = 5.0

ビューのコーナー半径を作成するには、

self.view.layer.cornerRadius = 5

シミュレータで実行した場合の上記のコードの結果は次のとおりです。

シャドウを作成するには、shadowPath、shadowColor、shadowOffSet、shadowOpactiy、shadowRadiusなどの他のプロパティを使用できます。

方法2 − Designableを使用して、これらのプロパティをストーリーボードから編集可能にすることができます。デザイナブルを使用して境界線をいじる例を見てみましょう。

extension UIView {
   @IBInspectable
   var cornerRadius: CGFloat {
      get {
         return layer.cornerRadius
      }
      set {
         layer.cornerRadius = newValue
      }
   }
   @IBInspectable
   var borderWidth: CGFloat {
      get {
         return layer.borderWidth
      }
      set {
         layer.borderWidth = newValue
      }
   }
   @IBInspectable
   var borderColor: UIColor? {
      get {
         if let color = layer.borderColor {
            return UIColor(cgColor: color)
         }
         return nil
      }
      set {
         if let color = newValue {
            layer.borderColor = color.cgColor
         } else {
            layer.borderColor = nil
         }
      }
   }
}

これにより、ストーリーボードの属性インスペクターにアクションが作成され、そこから結果を直接編集してアクセスできます。以下のようになります。