サイズを調整した画像を表示させる方法を教えてください。

Question

実現したいこと

現状、タップして表示させた画像が大きすぎる為、
予め指定したサイズに調整し、その画像を表示させたいです。

ご教授のほど、よろしくお願い致します。

以下のリンクを参考にしようと思ったのですが、
記載するコードのイメージが付かず、できませんでした。
https://i-app-tec.com/ios/uiimageview_resize.html
https://qiita.com/ydzum1123/items/18f6c2da2ea6048280ee

該当のソースコード

import UIKit

class ViewController: UIViewController {
    
    var coinCount = 0
    
    var coin : UIImageView = UIImageView()
//ここに画像を調整する為の関数を追加？？//

@IBAction func addImage(_ sender: UITapGestureRecognizer) {


if coinCount == 0 {

coin = UIImageView(image: UIImage(named: "myImage"))


coin.center = sender.location(in: self.view)

self.view.addSubview(coin)

} else if coinCount == 1 {
    coin.removeFromSuperview()
}

coinCount = coinCount + 1
coinCount = coinCount % 2
    
}

override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
}

}

記載する場所の予想

var coin : UIImageView = UIImageView()

の所に、.frameもしくは、.resizableを使用するのかなと思うのですが、
うまくいきません。

使用している言語

swift
Xvode 11.4

ご教授のほど、よろしくお願い致します。

Answer 1

サイズ(widht, height)を指定して生成してください。後ほど位置(x, y)をcenterで指定するので、
生成時の位置は(0, 0)で。

必要ならばcontentModeの指定と、clipToBoundsの指定を足してあげてください。

contentModeの設定

var coin : UIImageView = UIImageView(x: 0, y: 0, width: 100, height: 100)
coin.contentMode = .aspectFit
coin.clipToBounds = ture

エラーの件ここに、ぱぱっと手打ちしたので間違えました、訂正します。

修正

var coin = UIImageView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))

// ↓はとりあえずaddSubViewの直前で設定してあげてください。
coin.contentMode = .aspectFill
coin.clipToBounds = ture

Comments

[magiee]

回答して頂きありがとうございます。
回答してくださったコードを入力すると、エラーが出てしまうのですがどこが悪いのでしょうか？？

var coin : UIImageView = UIImageView(x: 0, y: 0, width: 100, height: 100)
　　エラー内容：Argument passed to call that takes no arguments
　　　　　　　　Replace '(x: 0, y: 0, width: 100, height: 100)' with ''

coin.contentMode = .aspectFit
　　エラー内容：Consecutive declarations on a line must be separated by ';'
　　　　　　　　Expected '(' in argument list of function declaration
　　　　　　　　Expected '{' in body of function declaration
　　　　　　　　Expected 'func' keyword in instance method declaration
　　　　　　　　Expected declaration
　　　　　　　　Invalid redeclaration of 'coin()'

coin.clipToBounds = ture

調べてみたのですが、UIImageView(frame: CGRect()をつけると、エラーは消えました。
しかし、100にしても10にしても、画像のサイズは変わりませんでした。。。。

var coin : UIImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 10, height: 10))
　エラーは消えるが、画像のサイズが変更されません。

ご教授お願いいたします。

[退会済みユーザー]

ところで、どれくらいの画像をどれくらいの大きさで表示したいのでしょうか？
表示先は100×100でいいのでしょうか？

あー10×10ね

[magiee]

回答ありがとうございます。
エラーは消えました。ありがとうございます。
しかし、画像の大きさがやはり変わらないようです。
何が、いけないのでしょうか？？

import UIKit

class ViewController: UIViewController {

var coinCount = 0

var coin = UIImageView(frame: CGRect(x: 0, y: 0, width: 50, height: 50))

@IBAction func addImage(_ sender: UITapGestureRecognizer) {

if coinCount == 0 {

coin = UIImageView(image: UIImage(named: "myImage"))

coin.center = sender.location(in: self.view)
coin.contentMode = .scaleToFill
coin.clipsToBounds = true

self.view.addSubview(coin)

} else if coinCount == 1 {
coin.removeFromSuperview()
}

coinCount = coinCount + 1
coinCount = coinCount % 2

}

override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
}

}

[退会済みユーザー]

似たようなもの置いとくので、試して、ご自分の作られたものと比較してみてください。
↓

https://github.com/tyobigoro/UIImage

640×1136pixelsの画像がタップされた場所に40×40で表示されます

[magiee]

ありがとうございます！
比較して作成することができました。ご教授いただき、ありがとうございました。

[退会済みユーザー]

原因はサイズを指定したUIImageViewのインスタンスにサイズ指定していないUIImageViewのインスタンスを代入してるからですね。