代码片段
//
// ContentView.swift
// SwiftUIImage
//
// Created by CHEN Hao on 2024/5/6.
//
import SwiftUI
struct ContentView: View {
var body: some View {
Image("paris")
.resizable() // 延伸模式,平铺整个屏幕
// 不保持长宽比
// .ignoresSafeArea() // 忽略安全区域&排除忽略的安全区域(.container, edges: .bottom)
// 保持长宽比
// .scaledToFit()
// 同上
.aspectRatio(contentMode: .fit)
// .frame(width: 300)
// .clipped() // 剪裁图片,基于frame设定的宽度
// .clipShape(Circle()) // 剪裁成形状
// .opacity(0.5) // 透明度
// 重叠
// .overlay(
// Image(systemName: "heart.fill")
// .font(.system(size: 50))
// .foregroundStyle(.black)
// .opacity(0.5)
// )
// .overlay(
// Text("If you are lucky enough to have lived in Paris as a young man, then wherever you go for the rest of your life it stays with you, for Paris is a moveable feast.\n\n- Ernest Hemingway")
// .fontWeight(.heavy)
// .font(.system(.headline, design: .rounded))
// .foregroundStyle(.white)
// .padding()
// .background(Color.black) // 背景颜色
// .cornerRadius(10) // 圆角
// .opacity(0.8)
// .padding(),
//
// alignment: .top // 覆盖位置对齐
//
// )
// .overlay(
// Rectangle()
// .foregroundStyle(.black)
// .opacity(0.4)
// )
// 同上
.overlay(
Color.black
.opacity(0.4)
.overlay(
Text("Paris")
.fontWeight(.black)
.font(.largeTitle)
.foregroundStyle(.white)
.frame(width: 200)
)
)
}
}
#Preview {
ContentView()
}
效果
![](https://img2024.cnblogs.com/blog/2922318/202405/2922318-20240506210615244-957311658.png)