Swift动画 —— 链接动画

最新推荐文章于 2024-06-21 16:07:44 发布

原创

最新推荐文章于 2024-06-21 16:07:44 发布 · 432 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#swift #动画 #ios

本文介绍了如何在iOS应用中使用UIStackView布局两个UILabel，并实现标签的文字动画效果。通过链式Spring动画，让titleLabel平滑地从屏幕左侧滑出并消失，bodyLabel稍后出现类似动画。

首先声明两个Label

    let titleLabel = UILabel()
    let bodyLabel = UILabel()

在viewDidLoad中，将titleLabel和bodyLabel的属性设置好，然后创建一个StackView，将两个label放在里面，UIStackView是一个简化的界面，用于帮助程序猿将一队视图按竖直或者水平排列。将stackView设置为竖直排列，并将其放在视图中间。

titleLabel.backgroundColor = .red
bodyLabel.backgroundColor = .green
titleLabel.text = "title"
bodyLabel.text = "body"

let stackView = UIStackView(arrangedSubviews: [titleLabel,bodyLabel])
view.addSubview(stackView)

stackView.axis  = .vertical
stackView.translatesAutoresizingMaskIntoConstraints = false
stackView.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
stackView.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true

现在运行后，发现两个标签一上一下显示在屏幕中间了。
在这里插入图片描述
为标签添加一些有意义的字，并且改变字体大小，然后给stackView一个宽度。

titleLabel.backgroundColor = .red
titleLabel.text = "welcome to  company XYZ,"
titleLabel.numberOfLines = 0
titleLabel.font = UIFont(name: "Futura", size: 34)

bodyLabel.backgroundColor = .green
bodyLabel.text = "Hello there! Thanks so much for downloading our brand new app and giving us a try. Make sure to leave us a good review in the AppStore."
bodyLabel.numberOfLines  = 0

let

最低0.47元/天解锁文章