iOS swift开发系列--如何给swiftui内容视图添加背景图片显示

我需要在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

谢谢支持

相关推荐
大熊猫侯佩10 小时前
别被系统绑架:SwiftUI List 替换背后的底层逻辑
swiftui·swift·apple
pop_xiaoli13 小时前
【iOS】dyld加载
macos·ios·objective-c·cocoa
LoyalToOrigin16 小时前
iOS 26 libass字幕渲染问题兼容解决实践
ios·ffmpeg·objective-c
2501_9159214316 小时前
穿越HTTPS迷雾:Wireshark中的TLS抓包秘诀与文件合并方法
网络协议·ios·小程序·https·uni-app·wireshark·iphone
懋学的前端攻城狮16 小时前
网络层架构演进:从回调地狱到声明式数据流
ios
白狐_79821 小时前
【深度拆解】2026年数字化学习流:iPad 主动式电容笔的技术底层与选型实测
学习·ios·ipad·电容笔
花间相见1 天前
【MS-Swift实战】:LoRA原理+核心参数(r/alpha)调参指南(适配Qwen-1.8B医疗场景)
开发语言·r语言·swift
2501_915918411 天前
快蝎iOS开发IDE:免Xcode开发,支持Swift/Flutter项目
ide·vscode·ios·个人开发·xcode·swift·敏捷流程
空中海1 天前
第十二章:iOS高级系统能力与 UIKit 互操作
ios