如何以编程方式创建 UIImage 视图 - Swift

Posted 2023-02-23

【中文标题】如何以编程方式创建 UIImage 视图 - Swift

【英文标题】：How do you create a UIImage View Programmatically - Swift

【发布时间】：2014-10-26 02:59:44

【问题描述】：

我正在尝试以编程方式创建 UIImage 视图，我有一个新视图并尝试这样做

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

这不起作用，因为我不知道第二行中的 yourview 应该是什么。

问题： 如何通过编码而不是在情节提要中进行 UIImageView 显示在屏幕上

【问题讨论】：

与您手头的问题无关，但是，顺便说一句，如果这张图片不是您需要经常使用的图片，您可能不想使用UIImage(named:...)。正如文档所说：“如果您有一个只显示一次的图像文件并希望确保它不会被添加到系统的缓存中，您应该使用UIImage(contentsOfFile:...) 创建您的图像。这将保持您的单一-使用系统图像缓存中的图像，可能会改善应用程序的内存使用特性。”仅供参考。

【参考方案1】：

首先你从你的图像文件创建一个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)

【参考方案2】：

首先创建 UIImageView 然后在 UIImageView 中添加图像。

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

【参考方案3】：

这个答案是 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
    

【参考方案4】：

您可以在一行中使用上面的内容。

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

【讨论】：

你可以，但它并不完全是“干净”的 Swift

【参考方案5】：

在 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)

【讨论】：

大小和比例？

因为太多的代码行而被低估了。最好这样写：let imageView = UIImageView(named: "Test.jpeg"); self.view.addSubview(imageView)。 2行，您使用常量而不是变量。然后使用 Autoconstraint 来放置它。

【参考方案6】：

谢谢，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。

【参考方案7】：

在 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。对于像新手这样的人来说，扩展可能会增加对代码的理解的混乱，即使它仍然很好。

【参考方案8】：

请务必输入：

imageView.translatesAutoresizingMaskIntoConstraints = false

如果你不放，你的图像视图将不会显示，不要问我为什么。

【参考方案9】：

斯威夫特 4：

首先为你的 UIImageView 创建一个 outlet

@IBOutlet var infoImage: UIImageView!

然后在 UIImageView 中使用 image 属性

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

【讨论】：

在 swift 4.2 中“在展开可选时意外发现 nil”错误从第二行抛出。