[Swift UI]二、实用控件-(11)如何通过定时器实现环形进度条的定时隐藏

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（let_us_code）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址： https:////www.cnblogs.com/strengthen/p/12293381.html
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

在第二章第十篇的文章中，通过定时器实现环形进度条的定时隐藏，

本文借助ObservableObject可观察对象，实现环形进度条的定时隐藏。

【SceneDelegate.swift】

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        // Use this method to optionally configure and attach the UIWindow `window` to the provided UIWindowScene `scene`.
        // If using a storyboard, the `window` property will automatically be initialized and attached to the scene.
        // This delegate does not imply the connecting scene or session are new (see `application:configurationForConnectingSceneSession` instead).

        // Use a UIHostingController as window root view controller
        if let windowScene = scene as? UIWindowScene {
            let window = UIWindow(windowScene: windowScene)
            //修改此处的代码，同样给ContentView实例传递环境对象。
            //这样就可以在模拟器或真机上运行项目时，使用可观察对象。
            //初始化
            let model = Store()
            //设置激活属性的值
            model.isActive = true
            //然后将可观察对象作为环境对象，传递给ContentView的实例。
            window.rootViewController = UIHostingController(rootView: ContentView().environmentObject(model))
            self.window = window
            window.makeKeyAndVisible()
        }
    }

【ContentView.swift】

import SwiftUI
import UIKit
//首先导入需要用到的框架。
import Combine

//定义一个类，该类遵循可观察对象协议，
//可观察对象和@State标记非常相似，
//区别是ObservableObject是用来修饰一个对象的。
class Store : ObservableObject
{
    //@Published属性包装器经常和ObservableObject配合使用，
    //运行可观察对象的属性被监视，
    //从而起到和@State类似的作用。
    @Published var isActive = false
    //AnyCancellable是可擦除类型的可取消对象，该对象在被取消时执行提供的闭包。
    //在此将使用该属性，对环形进度条进行定时隐藏。
    var cancelableSubscriber: AnyCancellable? = nil
    
    //添加一个初始化方法，对实例的属性进行初始化。
    init()
    {
        cancelableSubscriber = $isActive
            //在3秒钟的时间间隔内。发布由位于主线程的上游发布者，所发布的最新元素或第一个元素。
            //简单点说，就是停留3秒钟之后，执行后面的动作。
            .throttle(for: 3, scheduler: RunLoop.main, latest: true)
            //使用提供的闭包，转换上游发布者的所有元素，
            //就是说在3秒钟之后，发布内容为false的信息。
            .map{val in false}
            //最后将由map处理后的false信息，发布给self的isActive属性，
            //从而修改该属性的值为false，以隐藏环形进度条。
            .assign(to:\.isActive, on:self)
    }
}

struct ContentView : View
{
    @EnvironmentObject var store : Store
    
    var body: some View
    {
        LoadingView(isActive: $store.isActive)
    }
}

struct ActivityIndicator: UIViewRepresentable
{
    @Binding var isActive: Bool
    func makeUIView(context: UIViewRepresentableContext<ActivityIndicator>) -> UIActivityIndicatorView
    {
        return UIActivityIndicatorView(style: UIActivityIndicatorView.Style.large)
    }
    
    func updateUIView(_ uiView: UIActivityIndicatorView, context: UIViewRepresentableContext<ActivityIndicator>)
    {
        isActive ? uiView.startAnimating() : uiView.stopAnimating()
    }
}

struct LoadingView: View
{
    @Binding var isActive: Bool
    
    var body: some View
    {
        ZStack
            {
                VStack
                    {
                        Text("Waiting...")
                        
                        ActivityIndicator(isActive: self.$isActive)
                }
                .frame(width: UIScreen.main.bounds.width / 2,
                       height: UIScreen.main.bounds.height / 5)
                    .background(Color.orange)
                    .cornerRadius(20)
                    .foregroundColor(Color.primary)
                    .opacity(self.isActive ? 1 : 0)
        }
    }
}

#if DEBUG
struct ContentView_Previews : PreviewProvider
{
    static var previews: some View
    {
        //为里能够在预览窗口使用可观察对象，
        //我们需要在PreviewProvider里，对可观察对象进行初始化。
        let model = Store()
        model.isActive = true
        //然后将可观察对象作为环境对象，传递给ContentView的实例。
        //关于环境对象的使用，将在第六章进行更细致的讲解
        return ContentView().environmentObject(model)
    }
}
#endif