Swift - 通过叠加UILabel来实现混合的进度条

最新推荐文章于 2025-09-13 13:56:10 发布

weixin_33744141

最新推荐文章于 2025-09-13 13:56:10 发布

阅读量124

点赞数

文章标签： swift 移动开发

本文介绍了一种使用Swift语言通过叠加UILabel实现的混合颜色进度条。该进度条由两个覆盖在一起的UIView组成，上面的视图显示红色背景并带有白色文字，下面的视图则为白色背景带红色边框及红色文字。通过定时调整上面视图的宽度来模拟进度的变化。

Swift - 通过叠加UILabel来实现混合的进度条

效果

源码

https://github.com/YouXianMing/Swift-Animations

//
//  MixedColorProgressViewController.swift
//  Swift-Animations
//
//  Created by YouXianMing on 16/8/21.
//  Copyright © 2016年 YouXianMing. All rights reserved.
//

import UIKit

class MixedColorProgressViewController: NormalTitleViewController {
    
    private var upView    : UIView!
    private var upLabel   : UILabel!
    private var downView  : UIView!
    private var downLabel : UILabel!
    private var timer     : GCDTimer! = GCDTimer(inQueue: GCDQueue.mainQueue)
    
    override func setup() {
        
        super.setup()
        
        downView                     = UIView(frame: CGRectMake(0, 0, 220, 17))
        downView.center              = (contentView?.middlePoint)!
        downView.layer.cornerRadius  = 2
        downView.backgroundColor     = UIColor.whiteColor()
        downView.layer.masksToBounds = true
        contentView?.addSubview(downView)
        
        downLabel                  = UILabel(frame: downView.bounds)
        downLabel.font             = UIFont.HelveticaNeueThin(12.0)
        downLabel.text             = "YouXianMing - iOS Programmer"
        downLabel.textColor        = UIColor.redColor()
        downLabel.textAlignment    = .Center
        downView.layer.borderWidth = 0.5
        downView.layer.borderColor = UIColor.redColor().CGColor
        downView.addSubview(downLabel)
        
        upView                     = UIView(frame: CGRectMake(0, 0, 220, 17))
        upView.center              = (contentView?.middlePoint)!
        upView.layer.cornerRadius  = 2
        upView.backgroundColor     = UIColor.redColor()
        upView.layer.masksToBounds = true
        contentView?.addSubview(upView)
        
        upLabel               = UILabel(frame: upView.bounds)
        upLabel.font          = UIFont.HelveticaNeueThin(12.0)
        upLabel.text          = "YouXianMing - iOS Programmer"
        upLabel.textColor     = UIColor.whiteColor()
        upLabel.textAlignment = .Center
        upView.addSubview(upLabel)
        
        weak var wself = self
        timer.event({
            
            UIView.animateWithDuration(0.5, delay: 0, usingSpringWithDamping: 3, initialSpringVelocity: 0, options: .CurveEaseInOut, animations: {
                
                wself?.upView.width = CGFloat(arc4random() % 220)
                
                }, completion: nil)
            
            }, timeIntervalWithSeconds: 1, delayWithSeconds: 1)
        timer.start()
    }
}