Closed2
SwiftUIで画像の上に左上原点で描画
ZStack(alignment: .topLeading)
を指定してその中でImage()とオブジェクトを描画
import SwiftUI
struct ContentView: View {
var body: some View {
ZStack(alignment: .topLeading) {
Image(systemName: "person")
.resizable()
.aspectRatio(contentMode: .fit)
Rectangle()
.foregroundColor(.blue)
.frame(width: 100, height: 100)
.opacity(0.8)
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView().previewLayout(.sizeThatFits)
}
}
offset()
でオブジェクトの位置を指定する
struct ContentView: View {
var body: some View {
ZStack(alignment: .topLeading) {
Image(systemName: "person")
.resizable()
.aspectRatio(contentMode: .fit)
Rectangle()
.foregroundColor(.blue)
.frame(width: 100, height: 100)
.opacity(0.8)
Rectangle()
.foregroundColor(.red)
.frame(width: 200, height: 200)
.opacity(0.8)
.offset(x: 100, y: 100)
}
}
}
このスクラップは2021/01/19にクローズされました