Swift - ActivityIndicatorView

Swift - ActivityIndicatorView 首页 / iOS入门教程 / Swift - ActivityIndicatorView

ActivityIndi​​cator是一种内容视图,可用于显示任务正在进行中。无涯教程可以使用UIActivityIndi​​catorView类中定义的方法来控制ActivityIndi​​cator视图。 UIActivityIndi​​catorView是UIView的子类。

class UIActivityIndicatorView : UIView

无涯教程可以通过调用UIActivityIndi​​catorView类的startAnimating()方法来启动动画。同样,可以使用stopAnimating()方法停止动画。两种方法结合使用以显示和隐藏iOS应用程序中的活动指示器。

    方法和属性

    SNMethod or propertyDescription
    1func startAnimating()此方法用于启动activity indicator的动画。
    2func stopAnimating()此方法用于停止activity indicator的动画。
    3var isAnimating : Bool这是一个布尔属性,指示activity indicator是否正在设置动画。
    4var hidesWhenStopped() : Bool这是一个布尔属性,用于控制动画停止时是否隐藏接收器。
    5var style:UIActivityIndicatorView.style它是activity indicator的基本外观。
    6var color:UIColor它确定activity indicator的颜色。

    示例1  - 这是一个简单的示例,可视化屏幕上的activity indicator视图。

    在此示例中,无涯教程将CommitionIndicatorView添加到Storyboard。为此,无涯教程将在对象库中搜索UIActivityIndi​​catorView并将结果拖到Storyboard中。

    iOS ActivityIndicator View


    为activity indicator定义自动布局规则,并在视图控制器中创建连接。

    iOS ActivityIndicator View

    ViewController.swift

    import UIKit
    
    class ViewController: UIViewController {
    
        @IBOutlet weak var activityIndicator: UIActivityIndicatorView!
        override func viewDidLoad() {
            super.viewDidLoad()
           //加载视图后进行任何其他设置。
            activityIndicator.style = .whiteLarge
            activityIndicator.startAnimating()
        }
        
    }

    输出:

    iOS ActivityIndicator View


    示例2 - 在实施例1中,无涯教程显示了一个不受控制的UIActivityIndi​​catorView。在此示例中,无涯教程将创建两个按钮来启动和停止活动指示器的动画。在“start”按钮的动作出口中,无涯教程将开始动画,而在“stop”按钮的动作出口中,无涯教程将停止动画。

    iOS ActivityIndicator View

    ViewController.swift

    import UIKit
    
    
    class ViewController: UIViewController {
    
    
        @IBOutlet weak var startBtn: UIButton!
        @IBOutlet weak var activityIndicator: UIActivityIndicatorView!
        @IBOutlet weak var stopBtn: UIButton!
        override func viewDidLoad() {
            super.viewDidLoad()
           //加载视图后进行任何其他设置。
            activityIndicator.style = .whiteLarge
            activityIndicator.hidesWhenStopped = true
            startBtn.layer.cornerRadius = 10
            startBtn.layer.borderColor = UIColor.black.cgColor
            startBtn.layer.borderWidth = 1
            stopBtn.layer.cornerRadius = 10
            stopBtn.layer.borderWidth = 1
            stopBtn.layer.borderColor = UIColor.black.cgColor
        }
    
    
        @IBAction func clickedStartBtn(_ sender: Any) {
            activityIndicator.startAnimating()
        }
        
        @IBAction func clickedStopBtn(_ sender: Any) {
            activityIndicator.stopAnimating()
        }
        
    }

    输出:

    iOS ActivityIndicator View

    祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

    技术教程推荐

    趣谈Linux操作系统 -〔刘超〕

    即时消息技术剖析与实战 -〔袁武林〕

    用户体验设计实战课 -〔相辉〕

    成为AI产品经理 -〔刘海丰〕

    容量保障核心技术与实战 -〔吴骏龙〕

    React Hooks 核心原理与实战 -〔王沛〕

    Tony Bai · Go语言第一课 -〔Tony Bai〕

    快手 · 音视频技术入门课 -〔刘歧〕

    JavaScript进阶实战课 -〔石川〕

    好记忆不如烂笔头。留下您的足迹吧 :)