SwiftUI—快速制作一个缩放动画

简介: SwiftUI—快速制作一个缩放动画

使用SwiftUI制作动画是非常简单和快速的。


本节通过scaleEffect和Animation方法,实现default类型的缩放动画。


示例代码:


struct ContentView : View {
    @State var factor: CGFloat = 1 //图像视图的缩放比例
    var body: some View {
        VStack{
            Image("logo")
                .scaleEffect(factor)    //设置Image的缩放比例为factor
                .animation(.default) //给Image添加default类型的动画效果,也就是时间曲线为默认,线性变化的动画
            Divider().fixedSize() //添加一个分割线视图,以分隔图像视图和下方的按钮
            Button(action: {
                self.factor += 0.2  //当按钮点击时增加Image的缩放比例
            }) {
                Text("Zoom in")
            }
        }
    }
}


微信图片_20220523164846.png

目录
相关文章
|
存储 iOS开发
SwiftUI极简教程17:Gestures手势的使用
SwiftUI极简教程17:Gestures手势的使用
1023 0
SwiftUI极简教程17:Gestures手势的使用
|
17天前
|
iOS开发 开发者 MacOS
深入探索iOS开发中的SwiftUI框架
【10月更文挑战第21天】 本文将带领读者深入了解Apple最新推出的SwiftUI框架,这一革命性的用户界面构建工具为iOS开发者提供了一种声明式、高效且直观的方式来创建复杂的用户界面。通过分析SwiftUI的核心概念、主要特性以及在实际项目中的应用示例,我们将展示如何利用SwiftUI简化UI代码,提高开发效率,并保持应用程序的高性能和响应性。无论你是iOS开发的新手还是有经验的开发者,本文都将为你提供宝贵的见解和实用的指导。
108 66
|
4月前
|
开发框架 数据可视化 Java
iOS开发-SwiftUI简介
iOS开发-SwiftUI简介
|
2月前
|
iOS开发 开发者
探索iOS开发中的SwiftUI框架
【10月更文挑战第39天】在苹果的生态系统中,SwiftUI框架以其声明式语法和易用性成为开发者的新宠。本文将深入SwiftUI的核心概念,通过实际案例展示如何利用这一框架快速构建用户界面,并探讨其对iOS应用开发流程的影响。
|
8月前
|
存储 Swift
大师学SwiftUI第18章Part3 - 自定义视频播放器
录制和播放视频对用户来说和拍照、显示图片一样重要。和图片一样,Apple框架中内置了播放视频和创建自定义播放器的工具。
359 0
|
8月前
|
API iOS开发 UED
SwiftUI 设计
SwiftUI 设计
81 2
|
存储 监控 vr&ar
大师学SwiftUI第18章Part1 - 图片选择器和相机
如今,个人设备主要用于处理图片、视频和声音,苹果的设备也不例外。SwiftUI可以通过Image视图显示图片,但需要其它框架的支持来处理图片、在屏幕上展示视频或是播放声音。本章中我们将展示Apple所提供的这类工具。
346 1
|
存储 vr&ar Swift
大师学SwiftUI第16章 - UIKit框架集成
SwiftUI是一套新框架,因此并没有包含我们构建专业应用所需的所有工具。这意味着我们会需要求助于UIKit(移动设备)和AppKit(Mac电脑)等原生框架所提供的工具。
103 0
|
存储 自然语言处理 vr&ar
大师学SwiftUI第20章 - 国际化
苹果的产品遍布一百多个国家,使用几十种语言和方言发行应用,但通常我们只能创建一个版本的应用,所以就需要对不同市场进行适配。这不仅仅是翻译,还有用户界面中元素的排列、数字的格式等等。这一客制化的过程称为本地化。在SwiftUI中,大多数本地化会自动完成。例如,SwiftUI视图的内容采用靠前(leading)和靠后(trailing)约束来根据文字顺序(从左到右或从右到左读)的不同来表示左和右,日期和充其量单位等值会自动根据所在地进行格式化(参见示例4-32)。但文本还是需要我们来翻译。为此Xcode提供了字符串名录(String Catalogs)。
147 0
|
存储
使用SwiftUI搭建一个风筝摇摆动画,实现放风筝的梦想~
在本章中,你将学会使用SwiftUI创建一个风筝摇摆动画。
400 0
使用SwiftUI搭建一个风筝摇摆动画,实现放风筝的梦想~