Computer >> Máy Tính >  >> Lập trình >> IOS

Đặt Viền cho ImageView trong iOS?

Đặt đường viền cho chế độ xem hình ảnh rất dễ dàng, Trong bài đăng này, chúng ta sẽ xem cách đặt Đường viền cho Chế độ xem hình ảnh trong iOS.

Hãy bắt đầu.

Bước 1 - Mở Xcode → Dự án mới → Ứng dụng một lần xem → Đặt tên là “BorderToImage”

Chúng tôi sẽ tạo chế độ xem hình ảnh và một nút trong bảng phân cảnh của chúng tôi khi chạm vào nút, chúng tôi sẽ thêm đường viền vào chế độ xem hình ảnh. Chúng tôi có thể làm điều tương tự trong viewDidLoad nhưng để thấy sự khác biệt, chúng tôi đang làm điều này.

Bước 2 - Trong Main.storyboard, thêm một chế độ xem hình ảnh và một nút như hình dưới đây.

Đặt Viền cho ImageView trong iOS?

Bước 3 - Tạo @IBOutlet cho hình ảnh và đặt tên là imgView và tạo cho nút và đặt tên là btnAddBorder.

Bước 4 - Thêm mã bên dưới vào chức năng 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
}

Và bạn đã chạy xong mã để xem kết quả.

Ví dụ

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
   }
}

Đầu ra

Đặt Viền cho ImageView trong iOS?