swift ui 图片缩放

2021-11-22  本文已影响0人  xq9527

学习笔记:

最近在学习iOS的swift ui 里面的图片缩放 所以做一个笔记

效果图:

image.png image.png

具体实现:

       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()
    }
}

最后总结:

学习笔记记录

上一篇下一篇

猜你喜欢

热点阅读