iOSでImageViewの境界線を設定しますか？

画像ビューの境界線の設定は簡単です。この投稿では、iOSで画像ビューの境界線を設定する方法を説明します。

始めましょう。

ステップ1 −Xcodeを開く→新しいプロジェクト→シングルビューアプリケーション→「BorderToImage」という名前を付けましょう

画像ビューとボタンをタップするだけでストーリーボードにボタンを作成し、画像ビューに境界線を追加します。 viewDidLoadでも同じことができますが、違いを確認するためにこれを行っています。

ステップ2 − Main.storyboardで、以下に示すように画像ビューとボタンを追加します。

ステップ3 −画像の@IBOutletを作成し、imgViewという名前を付け、ボタンの名前を作成して、btnAddBorderという名前を付けます。

ステップ4 −btnAddBorder関数に以下のコードを追加します

@IBAction func btnAddBorder(_ sender: Any) {
   imgView.layer.borderColor = UIColor(red: 0.5, green: 0.5, blue: 0.5, alpha: 1.0).cgColor
   imgView.layer.masksToBounds = true
   imgView.contentMode = .scaleToFill
   imgView.layer.borderWidth = 5
}

これで、コードを実行して出力を確認できました。

例

import UIKit
class ViewController: UIViewController {
   @IBOutlet var imgView: UIImageView!
   override func viewDidLoad() {
      super.viewDidLoad()
   }
   @IBAction func btnAddBorder(_ sender: Any) {
      imgView.layer.borderColor = UIColor(red: 0.5, green: 0.5, blue: 0.5, alpha: 1.0).cgColor
      imgView.layer.masksToBounds = true
      imgView.contentMode = .scaleToFill
      imgView.layer.borderWidth = 5
   }
}

出力