[SwiftUI]ビューの位置やサイズを取得するGeometryReader

ビューの位置やサイズを取得する方法
1. ビューのサイズを取得するには？
2. ビューの位置を取得するには？
まとめ
おすすめの記事
1. 関連

ビューの位置やサイズを取得する方法

プログラマ, プログラミング, コード, 仕事, コンピュータ, インターネット, 技術, コーディング

SwiftUIでは、GeometryReaderを使うことによって、ビューの位置やサイズを取得することが出来ます。

GeometryReaderは、位置やサイズを知りたいビューをクロージャーにし、クロージャーの引数で位置やサイズを取得します。

ビューのサイズを取得するには？

ビューのサイズは、クロージャーの引数のsizeプロパティで取得します。

GeometryReader { geometry in
            
            VStack(alignment: .center) {
                Text("\(geometry.size.debugDescription)")
                    .padding()
                
                Text("width : \(geometry.size.width), height : \(geometry.size.height)")
                    .padding()
            }
            
        }

引数をgeometryとして、ビューのサイズや位置を取得しています。

そして、sizeプロパティでTextビューのサイズを表示しています。

このように、ビューのサイズは、sizeプロパティで取得します。

ビューの位置を取得するには？

ビューの位置は、ビューの座標空間を受けとってから取得します。

ビューの座標空間はframeメソッドで取得します。

そして、座標はoriginプロパティを使って取得します。

iOSの座標は、左上からx座標とy座標で計算されます。

GeometryReader { geometry in
            
            VStack(alignment: .center) {
                Text("\(geometry.frame(in: .global).origin.debugDescription)")
                    .padding()
                
                Text("x : \(geometry.frame(in: .global).origin.x), y : \(geometry.frame(in: .global).origin.y)")
                    .padding()
                
                Text("\(geometry.frame(in: .local).origin.debugDescription)")
            }
            
        }