by

SwiftUI 画像に画像を任意の位置に重ねる

カテゴリー：iOS

記事作成日：2021-03-22

SwiftUIで画像に画像を任意の位置に重ねる。

縦横900ピクセルの画像に、縦横90ピクセルの画像を任意の位置に重ねる

Swift 5.3.2 
Xcode 12.4 
iOS Target 14.4 
macOS 11.2.3 BigSur

## 例

```
struct ContentView: View {
    @State private var imageOne: String = "imageOne"
    @State private var imageTwo: String = "imageTwo"
    @State private var imageTwoPosition: CGPoint = CGPoint(x: 0, y: 0)

var body: some View {
        NavigationView {
			Image(self.imageOne)
			    .resizable()
			    .frame(width: bodyView.size.width, height: bodyView.size.width, alignment: .center)
			    .overlay(
			        Image(self.imageTwo)
			            .resizable()
			            .frame(width: bodyView.size.width / 10, height: bodyView.size.width / 10, alignment: .center)
			            .position(x: bodyView.size.width * self.imageTwoPosition.x / 900, y: bodyView.size.width * self.imageTwoPosition.y / 900)
			    )
		}
	}
}
```

縦横900ピクセルの画像は画面幅いっぱいに表示。

そこへ縦横90ピクセルの画像を任意の位置に重ねる。

imageOne 
imageTwo 
imageTwoPosition 
は、それぞれ動的に差し替えたり値を変えることが可能。

当然ながらサイズが異なる場合は適宜調整。

CONTENTS

SwiftUI 画像に画像を任意の位置に重ねる

動画

画像

アイコン

文字列

QRコード

Excel

SVG

読み上げ

HTML,CSS

色

3D

音

ビット、バイト

データベース

カレンダー系

IPv4,IPv6

インターネット

開発

ビンゴ大会開催システム(Wタイプ) 自動更新

ビンゴ(Pタイプ) 自動更新

ビンゴ(Aタイプ) 抽選機+カード

ビンゴ(Mタイプ) 手動更新

抽選機等

パズル、ゲーム

他