swiftUI 旋转缩放动画
动画 SwiftUI 旋转 缩放
2023-09-27 14:27:38 时间
code
//
// ContentView.swift
// learn_swiftUi
//
// Created by liuan on 2020/5/14.
// Copyright © 2020 liuan. All rights reserved.
//
import SwiftUI
struct ContentView: View {
@State private var showDetail = false
var body: some View {
Button(action: {
withAnimation{
self.showDetail = !self.showDetail
}
}) { Image(systemName:"chevron.right.circle")
.imageScale(.large)
.rotationEffect(.degrees(self.showDetail ? 90 : 0))
.scaleEffect(showDetail ? 1.5:1)
.padding()
}}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
相关文章
- JavaScript动画实例:圆点的衍生
- 一文搞定十大排序算法(动画图解)
- flutter RotationTransition实现旋转动画
- android 围绕中心旋转动画
- Android窗口管理服务WindowManagerService显示窗口动画的原理分析
- iOS 实现启动屏动画(Swift实现,包含图片适配)
- iOS 自定义转场动画浅谈
- SwiftUI 高级动画大全之复杂变形动画 基于Accelerate和VectorArithmetic(教程含源码)
- SwiftUI 动画特效库大全之18个超酷文本动画库 泛型泛型传递
- SwiftUI 动画大全之逐帧动画编程控制播放(教程含源码)
- SwiftUI 动画大全之 五彩纸屑特效含三角形、五星、钻石与自定义图像 (教程含源码)
- SwiftUI 动画组件之Lottie小型高质量交互式的开源动画文件格式
- SwiftUI List 设置行点击高亮动画效果(教程含源码)
- SwiftUI给TextField做个可浮动的标签动画Floating
- SwiftUI macOS 之 List Sidebar设置击高亮动画效果(教程含源码)
- Qt编写自定义控件33-图片切换动画
- SwiftUI动画之tab自定义切换动画(Animation) 教程含完整源码
- SwiftUI 动画之启动和取消动画
- SwiftUI 动画图形之绘制正弦波实现个性化波浪纹效果 (教程含源码)
- SwiftUI 动画之Slide幻灯片切换动画效果(教程含源码)
- SwiftUI 动画之Circle Animation 移动、旋转、显示、消失和放大联合动画 (教程含源码)
- SwiftUI动画之点击缩放图片(一个手势完成后启用另外一个手势)
- 赵雅智_android_frame动画
- Unity 动画系统(Animation,Animator,Timeline)
- css心跳动画