我需要在swiftui項目中顯示背景圖,有兩種方式,一種是把圖片拖入asset資源中,另外一種是直接把圖片放在源碼目錄下。采用第一種方式,直接把圖片拖到資源目錄,但是swiftui項目沒有彈出, “Copy items if needed”和“Create groups”選項 ,而是copy files to destination,可能會遇到問題No image named 'back' found in asset catalog for。
struct ContentView: View {
? ? var body: some View {
? ? ? ? VStack {
? ? ? ? ? ? // 你的其他控件,例如文本、按鈕等
? ? ? ? ? ? Text("Hello, world!")
? ? ? ? ? ? ? ? .foregroundColor(.white) // 設置文本顏色為白色,以便在背景圖片上可見
? ? ? ? ? ? ? ? .font(.largeTitle)
? ? ? ? ? ? ? ? .padding() // 為文本添加內邊距
? ? ? ? ? ? // 你可以在這里添加更多的控件
? ? ? ? }
? ? ? ? .frame(maxWidth: .infinity, maxHeight: .infinity) // 設置框架以填充其父視圖
? ? ? ? .background(
? ? ? ? ? ? Image("back") // 引用你添加的圖片
? ? ? ? ? ? ? ? .resizable() // 允許圖片被拉伸或壓縮
? ? ? ? ? ? ? ? .scaledToFill() // 拉伸圖片以填充其容器
? ? ? ? ? ? ? ? .clipped() // 裁剪超出框架的圖片部分
? ? ? ? ? ? ? ? .opacity(0.5) // 可選:設置背景圖片的透明度
? ? ? ? )
? ? ? ? .edgesIgnoringSafeArea(.all) // 忽略安全區域,使背景圖片鋪滿整個屏幕
? ? }
}
?
我們看看第二種
詳細內容請看:
iOS swift開發系列–如何給swiftui內容視圖添加背景圖片顯示 – Idea, Programming ,Share
謝謝支持