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/)...
