struct ContentView: View {
//list 使用方法
@State private var animationAmount: CGFloat = 1
@State var enabled:Bool = false
var body: some View {
ZStack{
Button("Tap Me") {
self.enabled = true
DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
animationAmount = 0.9
self.enabled = false
}
}
.frame(width: 100, height: 100)
.background(Color.blue )
.foregroundColor(.white)
.clipShape(Circle())
.scaleEffect(enabled ? 0.9 : 1.0)
.animation(.interpolatingSpring(stiffness: 300, damping: 10))
.background(
ZStack{
if !enabled {
Circle()
.stroke(Color.blue)
.scaleEffect(animationAmount)
.opacity(Double(1.5 - animationAmount))
.onAppear{
animationAmount = 1.5
}
.animation(.default)
}
}
)
}
}
}
SwiftUI 按钮动画
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 你点击的是按钮,我提供的是服务 本文您将能学到 8种酷炫效果 最简单的文本按钮 自定义文本按钮 颜色背景按钮 边框...
- 本文价值与收获 看完本文后,您将能够作出下面的界面 一、Button基础知识 (一)什么是Button Butto...
- 一、实战需求 需要实现通过按钮控制视图显示与隐藏,并且要有延迟效果,SwiftUI该如何实现? 二、本文价值与收获...
- 版本记录 版本号时间V1.02019.12.11 星期三 前言 今天翻阅苹果的API文档,发现多了一个框架Swif...
- 文章源地址:[https://swiftui-lab.com/swiftui-animations-part1/)...