Як програмно створити перегляд UIImage - Swift


107

Я намагаюся створити програму UIImage View програмно, у мене новий погляд, і я спробував це зробити

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)

31

Ця відповідь є оновленням для 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
    }
}

Ця відповідь працює для Swift 4.2. Для когось, як для початківця, розширення може внести плутанину в розуміння коду, хоча це все ще приємно.
midtownguru

-2

Швидкий 4:

Спочатку створіть розетку для UIImageView

@IBOutlet var infoImage: UIImageView!

Потім використовуйте властивість зображення в UIImageView

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

У швидкому 4.2 "помилка несподівано знайшла нуль при розгортанні необов'язкової" помилки була викинута з другого рядка
midtownguru
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.