美文网首页
SwiftUI—如何对图像视图进行缩放和旋转

SwiftUI—如何对图像视图进行缩放和旋转

作者: anny_4243 | 来源:发表于2020-07-13 11:54 被阅读0次

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#19Image-Transform

    给图像应用缩放、旋转等变形效果。
    示例代码:

    ScrollView{
                
        VStack{
        Image("girlPicture")
            .scaleEffect(0.8) //将图片缩小为原来的0.8倍
    
        Image("girlPicture")
            .scaleEffect(CGSize(width: 1.2, height: 0.5)) //将图片的宽度扩大为原来的1.2倍,高度缩小为原来的0.5倍
    
        Image("girlPicture")
            .scaleEffect(x: 1.5, y: 1, anchor: UnitPoint.bottomLeading) //默认情况下,图像视图的缩放锚点位于图像视图的中心位置。此时,将图像视图的缩放锚点修改为左下角。
        }
    
         VStack{
    
        Image("girlPicture")
             .rotationEffect(Angle.init(degrees: 90)) //将图像视图旋转90度
    
        Image("girlPicture")
            .rotationEffect(Angle.init(degrees: 30), anchor: UnitPoint.init(x: 0, y: 0)) //默认情况下,图像视图的旋转锚点位于图像视图的中心位置。此时将图像视图的旋转锚点修改为左上角
    
        Image("girlPicture")
            .rotation3DEffect(Angle.init(degrees: 30), axis: (x: CGFloat(0.1), y: CGFloat(0.1), z: CGFloat(0)))  //图像视图可以在三个轴向上进行旋转,这里设置图像视图沿着水平方向旋转45度
    
        }
    }
    

    相关文章

      网友评论

          本文标题:SwiftUI—如何对图像视图进行缩放和旋转

          本文链接:https://www.haomeiwen.com/subject/rvfvcktx.html