Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用不同的动画曲线同时动画AutoLayout约束

用不同的动画曲线同时动画AutoLayout约束
EN

Stack Overflow用户
提问于 2018-04-20 01:16:13
回答 2查看 395关注 0票数 0

如何同时绘制不同动画曲线的AutoLayout约束?

例如,用线性曲线动画widthAnchorheightAnchor,用spring动画动画centerXAnchorcenterYAnchor (在相同的视图上)。两种动画都需要同时进行。

我只知道如何同时给每个人动画(调用view.layoutIfNeeded() is UIView.animate),但是如何将它们分开动画呢?

EN

回答 2

Stack Overflow用户

发布于 2018-04-20 01:39:19

你必须执行如下操作:-

代码语言:javascript
运行
AI代码解释
复制
UIView.animate(withDuration: 0.2, animations: {
    //perform animation of height
}, completion: { _ in

    UIView.animate(withDuration: 0.2, animations: {
       //perform animation of width
    }, completion: nil)
})

如果您想要添加一些动画选项,那么使用下面的代码:--

代码语言:javascript
运行
AI代码解释
复制
 UIView.animateWithDuration(0.2, delay: 0.2, options: UIViewAnimationOptions."Set your Animationoption", animations: {
    //perform animation of height
}, completion: { _ in

    UIView.animateWithDuration(0.2, delay: 0.2, options: UIViewAnimationOptions."Set your Animationoption", animations: {
       //perform animation of width
    }, completion: nil)
})

两者并驾齐驱:-

代码语言:javascript
运行
AI代码解释
复制
  UIView.animateWithDuration(0.2, delay: 0.2, options: UIViewAnimationOptions."Set your Animationoption", animations: {
       //perform animation of width
    }, completion: nil)

 UIView.animateWithDuration(0.2, delay: 0.2, options: UIViewAnimationOptions."Set your Animationoption", animations: {
       //perform animation of height
    }, completion: nil)

谢谢。

票数 0
EN

Stack Overflow用户

发布于 2018-07-03 21:19:28

您应该尝试创建CABasicAnimation,其中fromValue设置为每个视图的当前值,并在此之后调用layoutIfNeeded(),而不使用动画块。后者将改变视图的框架。如果在布局步骤之后添加动画,则修改应该是动画。

这可能是这样的

代码语言:javascript
运行
AI代码解释
复制
let animation1 = CABasicAnimation()
let animation2 = CABasicAnimation()

animation1.fromValue = view1.center
animation1... // Set further properties to configure the animation
animation2.fromValue = ... // Same with second view
// and so on
self.view.layoutIfNeeded()
view1.layer.add(animation1, forKey: "center")
view2.layer.add(animation2, forKey: ...)

我还没试过,但我很乐意听听它是否管用。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49938172

复制
相关文章
Webpack打包CSS文件
output是输出文件的文件名,和输出到什么位置,__dirname是用来动态获取当前文件所属目录的绝对路径,后面的build是我的一个文件夹,这个你们填自己的就好
小丞同学
2021/08/16
1.1K0
5、webpack从0到1-处理css文件
讲下webpack如何处理css样式文件。 git仓库:webpack-demo 1、新建 进入项目中,在src目录下新建一个styles/header.css文件。 webpack-demo/chapter5 ... |- /src |- /assets |- content.js |- footer.js |- header.js |- index.js |- logo.js + |- header.css |- index.ht
Ewall
2020/03/20
8050
OpenCV基础02--从文件显示加载图像
在本节中,我将向您展示如何使用 OpenCV 库函数从文件加载图像并在窗口中显示图像。
软件架构师Michael
2023/09/11
3740
在Flutter中更快地加载您的图像资源
我们可以将图像放在我们的资产文件夹中,但如何更快地加载它们?这是 Flutter 中的一个秘密函数,可以帮助我们做到这一点 — precacheImage()
徐建国
2021/09/09
3.3K0
从Highlight浅谈Webpack按需加载
最近有在使用 highlight.js 做代码的高亮展示,主要是展示对 SQL 语言的处理。看了看 highlight.js 的提供的相关代码
MrTreasure
2018/08/09
2K0
从Highlight浅谈Webpack按需加载
Webpack中的文件指纹
1. Hash:和整个项⽬的构建相关,只要项⽬⽂件有修改,整个项⽬构建的 hash 值就会更改,一般用于图片设置;
越陌度阡
2023/01/04
1.1K0
Webpack中的文件指纹
在没有 Mimikatz 的情况下操作用户密码
通过利用Mimikatz的 lsadump::setntlm和lsadump::changentlm函数,过去已经涵盖了这两个用例。虽然Mimikatz是最好的攻击工具之一,但我会尽量避免使用它,因为它是反病毒和 EDR 工具的高度目标。在这篇文章中,我将专门讨论用例 #2 — 为横向移动或权限提升重置密码。
Khan安全团队
2022/03/21
2.2K0
V-3-3 在没有vCenter的情况下
在使用vSphere客户端登陆到ESXi服务器的时候,由于没有安装vCenter,而发现无法克隆虚拟机。而如果要安装vCenter的Windows版,有时候需要创建多台Windows Server主机,这种时候可以通过复制ESXi datastore里的虚拟机文件来创建多台相同的Windows Server虚拟机。
py3study
2020/01/07
1.2K0
webpack异步加载_webpack配置按需加载
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/01
1.1K0
在没有abi文件的情况下调用智能合约方法,web3py实现
前几天,回答了一个问题,感觉还可以,写成一篇文章记录一下。问题在:如何用 web3py 调用闭源合约[2]
Tiny熊
2022/02/22
2.5K0
在没有abi文件的情况下调用智能合约方法,web3py实现
webpack 小技巧:动态批量加载文件
作为一个有代码洁癖的程序员,我是不允许这种重复性代码存在滴,于是乎就尝试有没有什么简单的方法。
savokiss
2020/03/25
1.3K0
在vue中引入外部的css文件「建议收藏」
使用@import引入样式文件,就算加scoped,其它没有引入的模块还是可以访问到你的样式,如果某个组件的类名一致,则就会被污染到。 如果不想被污染,修改引入方式
全栈程序员站长
2022/11/08
5.2K0
Webpack插件按需加载组件_webpack懒加载
学习Vue的时候,各类教程都会告诉我们:Vue 的特点是SPA——Single Page Application(单页应用程序)。它有着诸如:“只有第一次会加载页面, 以后的每次页面切换,只需要进行组件替换;减少了请求体积,加快页面响应速度,降低了对服务器的压力” 等等优点。
全栈程序员站长
2022/11/08
1.5K0
Webpack插件按需加载组件_webpack懒加载
WPF 从文件加载字体
本文告诉大家从文件加载字体。在wpf 使用 fontfamily 显示指定的 ttf 显示字体。
林德熙
2018/09/18
2.2K0
Webpack中压缩代码文件
在开发完成后,代码正式上线都需要对代码进行压缩,这样代码资源会变的更小,访问速度也会变的更快。
越陌度阡
2023/01/05
1.7K0
Webpack中压缩代码文件
Webpack 加载模块的规则
路径以 . 或 .. 打头,加载相对路径的模块。. 表示当前目录,.. 表示上层目录。 require('./foo.js') 将加载当前文件所在目录的 foo.js 的文件。
前端GoGoGo
2018/08/24
1.4K0
webpack file-loader 解析 css 文件中 background-image路径问题。
通过 webpack 的 file-loader 把 css 中的 background-image 图片提取出来构建到输出目录(例如dist或者build目录),发现图片被生成在了产出目录的根目录。
White feathe
2021/12/08
1.3K0
从.env文件中为NodeJS加载环境变量[每日前端夜话0xA9]
使用环境变量是配置 Node.js 程序的好方法。而且许多包或模块可以基于不同的 NODE_ENV 变量的值表现出不同的行为。
疯狂的技术宅
2019/08/15
4.1K0
在没有外链情况下,如何提高PR值?
外链是提高PR值的有利方式,但现在外链建设愈发困难,各家都对自己的网站进行链接屏蔽,即使你的外链建设成功,在代码状态下依然是Nofollow状态,所以seoer对外链格外关注。
蝙蝠侠IT
2021/03/22
5710
在没有外链情况下,如何提高PR值?
CSS 3.0中裁剪图像的特效
在有CSS 3.0之前裁剪图片实现也是颇有难度的,现在我们有了两个非常方便简单的属性可以实现裁剪,那就是object-fit和object-position,这两个属性可以让我们改变图片的大小,但是不影响图片的长宽比,利用它我们可以实现一个如下的特效。
越陌度阡
2020/11/26
1.2K0
CSS 3.0中裁剪图像的特效

相似问题

量角器中log4js的配置

13

Log4js配置错误

119

log4js npm错误,log4js配置

10

无法在量角器中配置Log4js

120

log4js配置函数错误[NodeJs]

19
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档