簡體   English   中英

如何以編程方式創建 UIImage 視圖 - Swift

[英]How do you create a UIImage View Programmatically - Swift

我正在嘗試以編程方式創建 UIImage 視圖,我有一個新視圖,我嘗試這樣做

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

這不起作用,因為我不知道你在第二行中的觀點應該是什么。

問題:如何通過編碼而不是在情節提要中使 UIImageView 出現在屏幕上

首先從圖像文件創建一個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)

首先創建 UIImageView 然后在 UIImageView 中添加圖像。

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

這個答案是對 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
    }

}

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

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

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

謝謝,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。

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

確保放置:

imageView.translatesAutoresizingMaskIntoConstraints = false

如果你不放,你的圖像視圖將不會顯示,不要問我為什么。

斯威夫特 4:

首先為您的 UIImageView 創建一個插座

@IBOutlet var infoImage: UIImageView!

然后使用 UIImageView 中的 image 屬性

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM