CGRectの中心位置を設定したい

Question

前提・実現したいこと

矩形の中心(touchによって大きさが変化する)を、常に一定の場所に保ちたいのですが、うまくいきません。
ご教授よろしくお願いいたします。

エラー

rect.center = CGPoint(x:screenWidth/2, y:screenHeight/2)

Value of type 'CGRect' has no member 'center'

該当のソースコード

getphoto(UIImageView)はtouchによって位置が変わります。

    var screenWidth:CGFloat = 0
    var screenHeight:CGFloat = 0

    @IBOutlet weak var getimage: UIImageView!
    
    @IBOutlet weak var getphoto: UIImageView!
    
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Screen Size の取得
        screenWidth = self.view.bounds.width
        screenHeight = self.view.bounds.height
        
        let imageWidth = screenWidth * 210 / 148
        let imagerect:CGRect = CGRect(x:0, y:0, width:screenWidth, height:imageWidth)
        
        // getimage(ImageView) frame をCGRectで作った矩形に合わせる
        getimage.frame = imagerect;
        
        // 画像の中心をスクリーンの中心位置に設定
        getimage.center = CGPoint(x:screenWidth/2, y:screenHeight/2)
        
        // view に ImageView を追加する
        self.view.addSubview(getimage)
}



    override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
// getimage(UIImageView)のサイズを取得
        let viewWidth: CGFloat = getimage.bounds.width //幅
        let viewHeight: CGFloat = getimage.bounds.height //高さ
        
        //getphoto(UIImageView)のサイズ取得
        let photoWidth = self.getphoto.frame.width
        let photoHeight = self.getphoto.frame.height
        
        let rect = CGRect(x: photoWidth/2 ,y: photoHeight/2 + 64 ,width: viewWidth-photoWidth ,height: viewHeight-photoHeight)

        rect.center = CGPoint(x:screenWidth/2, y:screenHeight/2)



        if let touch = touches.first {
            // タッチしたビューをviewプロパティで取得する
            if let touchedView = touch.view {
                // tag1のものを動かす
                if touchedView.tag == 1 {
                    // gapX,gapYの取得は行わない
                    touchedView.center = CGPoint(x: touch.location(in: view).x - gapX, y: touch.location(in: view).y - gapY)
                
                
                if touchedView.center.x <= rect.minX{
                    touchedView.center.x = rect.minX
                }
                if touchedView.center.x >= rect.maxX{
                    touchedView.center.x = rect.maxX
                }
                if touchedView.center.y <= rect.minY{
                    touchedView.center.y = rect.minY
                }
                if touchedView.center.y >= rect.maxY{
                    touchedView.center.y = rect.maxY
                }
                }
            }
        }
    }
    
    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {

        // gapXとgapYの初期化
        gapX = 0.0
        gapY = 0.0
    }
    
    override func touchesCancelled(_ touches: Set<UITouch>, with event: UIEvent?) {
        // touchesEndedと同じ処理
        self.touchesEnded(touches, with: event)
    }

        }

補足情報（FW/ツールのバージョンなど）

Swiftのversionは4.1.2
Xcodeのversionは9.4.1

Comments

[fuzzball]

let rect = CGRect(x: photoWidth/2 ,y: photoHeight/2 + 64 ,width: viewWidth-photoWidth ,height: viewHeight-photoHeight)
rect.center = CGPoint(x:screenWidth/2, y:screenHeight/2)

この二行の意味/意図が分かりません。言葉で説明して下さい。

[mimamo]

すみません、説明させていただきます。

getphoto(UIImageView)は画面上を自由に移動できるのですが、getimage(UIImageView)の中におさめたかったのでrectを作りました。
y: photoHeight/2 + 64 の64は、Navigationbarを使っているのでその分を目分量でRectのy座標を変更しています。

rect.center = CGPoint(x:screenWidth/2, y:screenHeight/2)
は、Rectを画面中心位置に持っていきたいなと思いそのまま付け足した感じになります。
画面の中心に持っていくことが、+64をする必要はなくなります。

[fuzzball]

+64 だけではなく、photoWidth/2 も photoHeight/2 も必要なくなりますよね？
まとめると「UIImageViewを画面の中心に表示したい」でいいのでしょうか？

[mimamo]

そうですね！必要なくなります。
Rect内であれば好きな場所にgetphoto(UIImageView)を配置できるようにしたいので、
UIImageViewではなく、CGRectを画面の中心に持っていきたいということになります。
getimage(UIImageView)はすでに画面中心に配置しています。

[fuzzball]

そのCGRectは何に使うのでしょうか？

[mimamo]

CGRect内にgetphoto(UIImageView)のセンターがおさまるようにし、getimage(UIImageView)の中でだけgetphotoを動かせるようにしています。

[fuzzball]

getimageのframeってことですか？

[fuzzball]

「動かせるようにしています」とのことですが、まだそのコードはありませんよね？
「動かせるようにしたいです」ということですか？

[mimamo]

お返事遅くなりすみません。今気づいたのですがrectがふたつあったので、質問本文のコードを変更しています、、、。

Rect内にgetphotoの中心をおさめるようにすでにコーディングしています。
またそのコードも載せておきました。

[fuzzball]

2019/01/15 15:15のコメントに対する再確認になりますが、
「画面の中心」と書いているのは、「スマホの画面の中心」ではなく「ナビゲーションバー（とステータスバーも?）を除いた矩形の中心」ということでいいでしょうか？

rect.center = CGPoint(x:screenWidth/2, y:screenHeight/2)
このコードだと（エラーが出なかったとしても）「スマホの画面の中心」になってしまうと思うのですが、それではダメなんですよね？

[mimamo]

そうですね、おっしゃる通り「ナビゲーションバーとステータスバーとツールバー(画面の下に使用しています)を除いた矩形の中心」が理想になります。
ひとまずわかりやすく画面中心にRectの中心を持って行こうとしたのですが、エラーが出てしまい手こずって質問させていただきました。

Answer 1

本当にやりたいことを理解していませんが、CGRectのcenterを調整したいのでしたら、
こういうextensionを入れれば良いと思います。

cotkjaer/CGRect+Center.swift
https://gist.github.com/cotkjaer/9b5af14a473e7c20fec1b0e965fe302b

Comments

[mimamo]

こちらもextensionで調整ができるのですね、勉強になりました。ありがとうございます！

Answer 2

矩形（UIView）の.centerに設定して下さい。

let v = UIView()
v.center = CGPoint(x:screenWidth/2, y:screenHeight/2)

Comments

[mimamo]

お返事遅くなりすみません！
ご回答ありがとうございます。
rectを一旦UIViewに設定し直した方がいいということでしょうか。