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

谢谢支持

相关推荐
报错小能手3 小时前
ios开发方向——swift错误处理:do/try/catch、Result、throws
开发语言·学习·ios·swift
小夏子_riotous5 小时前
openstack的使用——5. Swift服务的基本使用
linux·运维·开发语言·分布式·云计算·openstack·swift
开心就好20258 小时前
Flutter iOS应用混淆与安全配置详细文档指南
后端·ios
mCell9 小时前
MacOS 下实现 AI 操控电脑(Computer Use)的思考
macos·agent·swift
开心就好202510 小时前
苹果iOS应用开发上架与推广完整教程
后端·ios
用户693717500138410 小时前
XChat 为什么选择 Rust 语言开发
android·前端·ios
MonkeyKing10 小时前
Objective-C Runtime 完整机制:objc_class /cache/bits 源码解析
前端·ios
用户794572239541310 小时前
【DGCharts】iOS 图表渲染事实标准——8 种图表类型、高度可定制,3 行代码画出一条折线
swiftui·swift
秋雨梧桐叶落莳11 小时前
【iOS】 AutoLayout初步学习
学习·macos·ios·objective-c·cocoa·xcode
chaoguo12341 天前
Any metadata 的内存布局
swift·metadata·value witness table