swift ui 图片缩放
2021-11-22 本文已影响0人
xq9527
学习笔记:
最近在学习iOS的swift ui 里面的图片缩放 所以做一个笔记
效果图:
-
未缩放

-
放大

具体实现:
-
添加一个image
Image("home").resizable()
.aspectRatio(contentMode:self.zoomed ? .fill: .fit)
.navigationBarTitle(Text("徐老板"))
.onTapGesture {
withAnimation{
self.zoomed.toggle()
}
}
定义一个布尔值变量 :
@State private var zoomed:Bool=false
-
点击手势处理缩放
.onTapGesture {
withAnimation{
self.zoomed.toggle()
}
}
-
完整代码
//
// ContentView.swift
// imagezoom
//
// Created by xuqing on 2021/11/22.
// 图片缩放
//
import SwiftUI
struct ContentView: View {
@State private var zoomed:Bool=false
var body: some View {
ZStack(alignment: self.zoomed ? .top :.topTrailing) {
Image("home").resizable()
.aspectRatio(contentMode:self.zoomed ? .fill: .fit)
.navigationBarTitle(Text("徐老板"))
.onTapGesture {
withAnimation{
self.zoomed.toggle()
}
}
Image("xiaoma")
.resizable()
.frame(width: 50, height: 50, alignment: .center)
.padding(.all,10)
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
最后总结:
学习笔记记录