Bir UIImage View Programlı Olarak Nasıl Oluşturulur - Swift


107

Program aracılığıyla bir UIImage View oluşturmaya çalışıyorum, yeni bir görünümüm var ve bunu yapmayı denedim

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

Bunun ne olması gerektiğini bilmiyorum çünkü bu işe yaramadı yourview ikinci çizgide.

Soru: Bir UIImageView'ın film şeridinde yapmak yerine kodlayarak ekranda görünmesini nasıl sağlayabilirim


8
Elinizdeki sorunuzla alakası yok, ancak BTW, önceden uyarılmalıdır eğer bu resim çok kullanmanız gerekecek bir resim değilse, kullanmak istemeyebilirsiniz UIImage(named:...). Dokümanların dediği gibi: "Yalnızca bir kez görüntülenecek bir resim dosyanız varsa ve sistemin önbelleğine eklenmemesini sağlamak istiyorsanız, bunun yerine resminizi kullanarak oluşturmalısınız UIImage(contentsOfFile:...). Bu, tek kullanımlık resminizi dışarıda tutacaktır. sistem görüntüsü önbelleğini değiştirerek, potansiyel olarak uygulamanızın bellek kullanım özelliklerini iyileştirir. " Sadece bir Bilginize.
Rob

Yanıtlar:


255

Önce UIImagegörüntü dosyanızdan bir tane oluşturun, ardından bundan bir tane oluşturun UIImageView:

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

Son olarak, imageViewbir çerçeve vermeniz ve görünür olması için ona görünümünüz eklemeniz gerekir:

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

39

Önce UIImageView oluşturun, ardından UIImageView'a resim ekleyin.

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

32

Bu cevap Swift 3'e yapılan güncellemedir.

Bu, kısıtlamaları kontrol edebileceğiniz programlı olarak bir resim görünümünü nasıl ekleyebileceğinizdir.

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

Yukarıdakileri tek satırda kullanabilirsiniz.

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

2
Yapabilirsiniz, ancak tam olarak "temiz" değil Swift
Alec O

13

Swift 3.0'da:

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
boyut ve ölçek?
Martian2049

1
Çok fazla kod satırı için dikkate alınmadı. Bu gibi yazmak için daha iyi olurdu: let imageView = UIImageView(named: "Test.jpeg"); self.view.addSubview(imageView). 2 satır ve değişken yerine sabit kullanıyorsunuz. Ardından yerleştirmek için Otomatik kısıtlama kullanın.
kakubei

10

Teşekkürler MEnnabah, =beyanname ifadesindeki işaretin eksik olduğu yeri kodunuza eklemek için :

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

Diğer her şey Swift 3 için mükemmel.


6

Swift 4.2 ve Xcode 10.1'de

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

Bu cevap Swift 4.2 için çalışıyor. Acemi gibi biri için, uzantı, yine de sahip olmak güzel olsa da, kodun anlaşılmasına kafa karıştırabilir.
midtownguru

-2

Swift 4:

Önce UIImageView için bir çıkış oluşturun

@IBOutlet var infoImage: UIImageView!

Ardından UIImageView'da resim özelliğini kullanın

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

Hızlı 4.2'de, ikinci satırdan "sarmayı açarken beklenmedik şekilde sıfır bulundu" hatası atıldı.
midtownguru
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.