zl程序教程

您现在的位置是:首页 >  工具

当前栏目

SwiftUI 动画大全之带有 背景音乐的气泡动画(教程含源码)

动画源码教程 大全 SwiftUI 带有 气泡 背景音乐
2023-09-11 14:18:30 时间

动画是进行交流的最有力的方式之一。从电视广告到基本的智能手机应用程序,它们被广泛使用,即使我们没有注意到它们。
如今,它们被完美地集成到我们的应用程序中,因为它们被开发人员用来增强用户体验。动画作为一种反馈形式确实很有用,它可以清楚地表明系统已识别出某个动作。最大的优势(也是劣势)实际上是吸引用户的注意力,因此您必须小心使用它们。
通过本文,我们将创建一个简单而多彩的界面,让您在这个奇妙的世界中迈出第一步。

请添加图片描述

在 aZStack中,我们确定要在屏幕上显示的圆圈数。在我们的例子中,有 50 个。然后我们说我们随机希望圆圈的颜色在红色、绿色和蓝色之间的范围内移动。

import SwiftUI

struct ContentView: View {
    @State var scale : CGFloat = 1
    var body: some View {
        
        ZStack {
            ForEach (1...50, id:\.self) { _ in
                Circle ()
                    .foregroundColor(Color (red: .random(in: 0.3...1),
                                            green: 0.1,
                                            blue: .random(in: 0.3...1)))

在这些彩色圆圈中,我们希望底部圆圈被顶层 [第 14 行] 点亮。
之后,我们设置动画