zl程序教程

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

当前栏目

SwiftUI 自定义组件之 音量滑块和苹果音乐滑块动画特效(教程含源码)

动画组件源码教程苹果 自定义 SwiftUI 特效
2023-09-11 14:18:29 时间

实战需求

SwiftUI 自定义组件之 音量滑块和苹果音乐滑块动画特效

本文价值与收获

看完本文后,您将能够作出下面的界面

音量滑块和苹果音乐滑块动画特效
音量滑块和苹果音乐滑块动画特效


实战代码

1、主界面

import SwiftUI

struct ContentView: View {
    @State private var playerDuration: TimeInterval = 100
    private let maxDuration = TimeInterval(240)
    
    @State private var volume: Double = 0.3
    private var maxVolume: Double = 1
    
    @State private var sliderValue: Double = 10
    private var maxSliderValue: Double = 100
    
    @State private var color: Color = .white
    
    var body: some View {
        ZStack {
            LinearGradient(colors: [.brown, .brown.opacity(0.1)], startPoint: .top, endPoint: