Как вы создаете представление UIImage программно - Swift

107

Я пытаюсь создать представление UIImage программно, у меня есть новое представление, и я пробовал это сделать

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

это не сработало, потому что я не знаю, каким должно быть ваше представление во второй строке.

Вопрос: как сделать так, чтобы UIImageView появлялся на экране, кодируя его вместо того, чтобы делать это в раскадровке

Алекс
источник
7
Не имеет отношения к вашему вопросу, но, кстати, будьте осторожны, если это изображение не то, что вам нужно часто использовать, вы можете не захотеть использовать UIImage(named:...). Как говорится в документации: «Если у вас есть файл изображения, который будет отображаться только один раз, и вы хотите убедиться, что он не будет добавлен в системный кеш, вам следует вместо этого создать свое изображение, используя UIImage(contentsOfFile:...). Это позволит сохранить ваше одноразовое изображение вне кэша системных образов, потенциально улучшая характеристики использования памяти вашим приложением ". Просто к вашему сведению.
Роб

Ответы:

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
Можно, но это не совсем «чистый» Свифт
Алек О
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
    }
}
iOS
источник
Этот ответ работает для Swift 4.2. Для кого-то вроде новичка расширение может добавить путаницы в понимание кода, даже если оно по-прежнему приятно иметь.
midtownguru
-2

Swift 4:

Сначала создайте выход для вашего UIImageView

@IBOutlet var infoImage: UIImageView!

Затем используйте свойство изображения в UIImageView

infoImage.image = UIImage(named: "icons8-info-white")
Джоэл
источник
В swift 4.2 ошибка «неожиданно обнаружен ноль при развертывании необязательной» выдавалась из второй строки.
midtownguru