RxSwift之UI控件Label扩展的使用

举报
Serendipity·y 发表于 2022/02/17 00:57:37 2022/02/17
【摘要】 一、将数据绑定到 text 属性上(普通文本) 当程序启动时就开始计时,同时将已过去的时间格式化后显示在 label 标签上: // 创建文本标签 let label = UILabel(frame:...

一、将数据绑定到 text 属性上(普通文本)

  • 当程序启动时就开始计时,同时将已过去的时间格式化后显示在 label 标签上:
// 创建文本标签
let label = UILabel(frame:CGRect(x:20, y:40, width:300, height:100))
self.view.addSubview(label)
 
// 创建一个计时器(每0.1秒发送一个索引数)
let timer = Observable<Int>.interval(0.1, scheduler: MainScheduler.instance)
 
// 将已过去的时间格式化成想要的字符串,并绑定到label上
timer.map{ String(format: "%0.2d:%0.2d.%0.1d",
                  arguments: [($0 / 600) % 600, ($0 % 600 ) / 10, $0 % 10]) }
.bind(to: label.rx.text)
.disposed(by: disposeBag)

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 运行效果如下所示:

在这里插入图片描述

二、将数据绑定到 attributedText 属性上(富文本)

  • 和上例一样,只是修改分和秒这部分的文字样式,以及背景色:
// 将数字转成对应的富文本
func formatTimeInterval(ms: NSInteger) -> NSMutableAttributedString {
    let string = String(format: "%0.2d:%0.2d.%0.1d",
                     arguments: [(ms / 600) % 600, (ms % 600 ) / 10, ms % 10])
    // 富文本设置
    let attributeString = NSMutableAttributedString(string: string)
    // 从文本0开始6个字符字体HelveticaNeue-Bold,16号
    attributeString.addAttribute(NSAttributedString.Key.font,
                                 value: UIFont(name: "HelveticaNeue-Bold", size: 16)!,
                                 range: NSMakeRange(0, 5))
    // 设置字体颜色
    attributeString.addAttribute(NSAttributedString.Key.foregroundColor,
                                 value: UIColor.white, range: NSMakeRange(0, 5))
    // 设置文字背景颜色
    attributeString.addAttribute(NSAttributedString.Key.backgroundColor,
                                 value: UIColor.orange, range: NSMakeRange(0, 5))
    return attributeString
}

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
let disposeBag = DisposeBag()
// 创建文本标签
let label = UILabel(frame:CGRect(x:20, y:40, width:300, height:100))
self.view.addSubview(label)
 
// 创建一个计时器(每0.1秒发送一个索引数)
let timer = Observable<Int>.interval(0.1, scheduler: MainScheduler.instance)
 
// 将已过去的时间格式化成想要的字符串,并绑定到label上
timer.map(formatTimeInterval)
.bind(to: label.rx.attributedText)
.disposed(by: disposeBag)

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 效果如下:

在这里插入图片描述

文章来源: blog.csdn.net,作者:Serendipity·y,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/Forever_wj/article/details/121065624

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。