ตั้งค่าเส้นขอบสำหรับ ImageView ใน iOS หรือไม่

การตั้งค่าเส้นขอบสำหรับการดูภาพทำได้ง่าย ในโพสต์นี้เราจะมาดูวิธีตั้งค่าเส้นขอบสำหรับการดูภาพใน 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
   }
}

ผลลัพธ์