คุณสร้าง UIImage View แบบเป็นโปรแกรมได้อย่างไร - Swift


107

ฉันกำลังพยายามสร้าง UIImage View โดยใช้โปรแกรมฉันมีมุมมองใหม่และพยายามทำสิ่งนี้

let imageName = "yourImage.png"
yourview.backgroundColor = UIColor.colorWithPatternImage(UIImage(named:imageName))

ไม่ได้ผลเพราะฉันไม่รู้ว่านี่ควรเป็นมุมมองของคุณในบรรทัดที่สอง

คำถาม: ฉันจะทำให้ UIImageView ปรากฏบนหน้าจอได้อย่างไรโดยการเข้ารหัสแทนที่จะทำในกระดานเรื่องราว


7
ที่ไม่เกี่ยวข้องกับคำถามของคุณที่อยู่ในมือ แต่ BTW UIImage(named:...)จะเตือนว่าภาพนี้ไม่ได้เป็นคนที่คุณจะต้องใช้จำนวนมากที่คุณอาจไม่ต้องการที่จะใช้ ตามที่เอกสารระบุว่า: "หากคุณมีไฟล์รูปภาพที่จะแสดงเพียงครั้งเดียวและต้องการให้แน่ใจว่าจะไม่ถูกเพิ่มลงในแคชของระบบคุณควรสร้างรูปภาพของคุณโดยใช้วิธีUIImage(contentsOfFile:...)นี้จะทำให้รูปภาพแบบใช้ครั้งเดียวของคุณไม่ปรากฏ ของแคชอิมเมจของระบบซึ่งอาจช่วยปรับปรุงลักษณะการใช้หน่วยความจำของแอปของคุณ " เพียงแค่ FYI
Rob

คำตอบ:


255

ขั้นแรกให้คุณสร้างUIImageไฟล์จากไฟล์รูปภาพของคุณจากนั้นสร้างUIImageViewจาก:

let imageName = "yourImage.png"
let image = UIImage(named: imageName)
let imageView = UIImageView(image: image!)

สุดท้ายคุณจะต้องให้imageViewกรอบและเพิ่มมุมมองของคุณเพื่อให้มองเห็นได้:

imageView.frame = CGRect(x: 0, y: 0, width: 100, height: 200)
view.addSubview(imageView)

39

ขั้นแรกให้สร้าง UIImageView จากนั้นเพิ่มรูปภาพใน UIImageView

    var imageView : UIImageView
    imageView  = UIImageView(frame:CGRectMake(10, 50, 100, 300));
    imageView.image = UIImage(named:"image.jpg")
    self.view.addSubview(imageView)

32

คำตอบนี้คืออัปเดตเป็น Swift 3

นี่คือวิธีที่คุณสามารถเพิ่มมุมมองภาพโดยใช้โปรแกรมซึ่งคุณสามารถควบคุมข้อ จำกัด ได้

Class ViewController: UIViewController {

    let someImageView: UIImageView = {
       let theImageView = UIImageView()
       theImageView.image = UIImage(named: "yourImage.png")
       theImageView.translatesAutoresizingMaskIntoConstraints = false //You need to call this property so the image is added to your view
       return theImageView
    }()

    override func viewDidLoad() {
       super.viewDidLoad()

       view.addSubview(someImageView) //This add it the view controller without constraints
       someImageViewConstraints() //This function is outside the viewDidLoad function that controls the constraints
    }

    // do not forget the `.isActive = true` after every constraint
    func someImageViewConstraints() {
        someImageView.widthAnchor.constraint(equalToConstant: 180).isActive = true
        someImageView.heightAnchor.constraint(equalToConstant: 180).isActive = true
        someImageView.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
        someImageView.centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: 28).isActive = true
    }

}

16

คุณสามารถใช้ด้านบนในบรรทัดเดียว

  let imageView = UIImageView(image: UIImage(named: "yourImage.png")!)

2
คุณทำได้ แต่ Swift ไม่ "สะอาด" อย่างแน่นอน
Alec O

12

ใน Swift 3.0:

var imageView : UIImageView
    imageView  = UIImageView(frame:CGRect(x:10, y:50, width:100, height:300));
    imageView.image = UIImage(named:"Test.jpeg")
    self.view.addSubview(imageView)

1
ขนาดและขนาด?
Martian2049

1
ต่ำกว่าสำหรับโค้ดหลายบรรทัดเกินไป จะดีกว่าถ้าเขียนแบบนี้: let imageView = UIImageView(named: "Test.jpeg"); self.view.addSubview(imageView). 2 บรรทัดและคุณใช้ค่าคงที่แทนตัวแปร จากนั้นใช้ Autoconstraint วาง
kakubei

10

ขอบคุณ MEnnabah เพียงเพื่อเพิ่มรหัสของคุณในกรณีที่คุณไม่มี=เครื่องหมายในคำสั่งประกาศ:

let someImageView: UIImageView = {
   let theImageView = UIImageView()
   theImageView.image = UIImage(named: "yourImage.png")
   theImageView.translatesAutoresizingMaskIntoConstraints = false //You need to call this property so the image is added to your view
   return theImageView
}()

อย่างอื่นสมบูรณ์แบบสำหรับ Swift 3


6

ใน Swift 4.2 และ Xcode 10.1

//Create image view simply like this.
let imgView = UIImageView()
imgView.frame = CGRect(x: 200, y: 200, width: 200, height: 200)
imgView.image = UIImage(named: "yourimagename")//Assign image to ImageView
imgView.imgViewCorners()
view.addSubview(imgView)//Add image to our view

//Add image view properties like this(This is one of the way to add properties).  
extension UIImageView {
    //If you want only round corners
    func imgViewCorners() {
        layer.cornerRadius = 10
        layer.borderWidth = 1.0
        layer.masksToBounds = true
    }
}

คำตอบนี้ใช้ได้กับ Swift 4.2 สำหรับใครบางคนเช่นมือใหม่ส่วนขยายอาจเพิ่มความสับสนให้กับความเข้าใจของโค้ดแม้ว่าจะยังดีอยู่ก็ตาม
midtownguru

-2

Swift 4:

ก่อนอื่นให้สร้างทางออกสำหรับ UIImageView ของคุณ

@IBOutlet var infoImage: UIImageView!

จากนั้นใช้คุณสมบัติรูปภาพใน UIImageView

infoImage.image = UIImage(named: "icons8-info-white")

ในข้อผิดพลาดที่รวดเร็ว 4.2 "พบศูนย์โดยไม่คาดคิดเมื่อแกะอุปกรณ์เสริม" เกิดข้อผิดพลาดจากบรรทัดที่สอง
midtownguru
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.