如何解决单击按钮时生成 QRimage
我想在 swiftUI 中单击按钮后加载 QRimage。现在我只是将函数生成的 UI Image 直接传递到图像框架中。如何在按钮操作部分展示功能?
现在我的代码是这样的;
struct QRCodeView: View {
@State private var UUID = "usufuf321"
@State private var phoneNo = "09-012948"
let context = CIContext()
let filter = CIFilter.qrCodeGenerator()
var body: some View {
GroupBox{
vstack(alignment: .center,spacing: 10){
Image(uiImage: QRGenerator(from: "\(UUID)\n\(phoneNo)"))
.interpolation(.none)
.resizable()
.scaledToFit()
.frame(width: 250,height: 250,alignment: .center)
.clipped()
Button(action: {
},label: {
Text ("GENERATE")
.scaledToFit()
.frame(width: 250,height: 60,alignment: .center)
.cornerRadius(12)
})
}
.frame(maxWidth:.infinity,alignment: .center)
}
.cornerRadius(20)
.padding(.all,10)
}
func QRGenerator(from string: String) -> UIImage {
let data = Data(string.utf8)
filter.setValue(data,forKey: "inputMessage")
if let outputimage = filter.outputimage {
if let cgimg = context.createCGImage(outputimage,from: outputimage.extent) {
return UIImage(cgImage: cgimg)
}
}
return UIImage(systemName: "xmark.circle") ?? UIImage()
}
}
解决方法
使用@State
struct QRCodeView: View {
@State private var qrImage: Image?
var body: some View {
GroupBox{
VStack(alignment: .center,spacing: 10){
if let qrImage = qrImage {
qrImage
.interpolation(.none)
.resizable()
.scaledToFit()
.frame(width: 250,height: 250,alignment: .center)
.clipped()
}
Button(action: {
qrImage = Image(uiImage: QRGenerator(from: "\(UUID)\n\(phoneNo)"))
},label: {
Text ("GENERATE")
.scaledToFit()
.frame(width: 250,height: 60,alignment: .center)
.cornerRadius(12)
})
}
.frame(maxWidth:.infinity,alignment: .center)
}
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。