问题标签 [easeinout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2766 浏览

animation - SwiftUI - 使用 .easeInOut 为 ZStack 中的视图不透明度设置动画

我有一个位于 mapView 顶部的视图(在 ZStack 中),并且希望能够使绿色的上视图淡入淡出,并将.easeInOut动画修改器应用于视图的不透明度。正如您在 gif 中看到的那样,它很好地淡入,但突然消失了。

在此处输入图像描述

如果我删除 mapView 那么一切都很好。如果我用简单的 mapView 替换,Rectangle()那么问题就会返回,所以我相信它与 ZStack 而不是地图有关。有趣的是,我实际上使用的是 Mapbox 而不是 MapKit(为简单起见,如下代码所示),并且淡入淡出/突然消失的行为是相反的。

我尝试使用替代动画代码,将LabelView过渡替换为:

并将按钮代码更改为:

但每次都会出现相同的行为。我猜这是一个 SwiftUI 错误,但找不到任何以前的参考。

0 投票
0 回答
30 浏览

css - 为什么我在 css 中对我的 tansition 产生了故障影响?

我有一个导航栏菜单,切换了一个类,它是否折叠,在这个导航栏中我有小的折叠菜单。当我正常使用导航栏时,它可以正常工作,但是当我单击折叠菜单并且导航栏折叠时,它应该切换类以打开导航栏,在第二种情况下,我不知道为什么我有那些黑色闪光/故障效果,你知道为什么以及如何纠正这个吗?

问题的gif

在这个 gif 上,当我第一次打开导航栏然后打开菜单时,你可以这样做,然后当我打开导航栏时,只点击折叠栏中的折叠菜单和那些有故障的黑点

0 投票
0 回答
103 浏览

javascript - 滚动时缓入/缓出并在视口中可见

当您查看https://www.mercedes-benz.com/en/的网站并向下滚动时,所有内容都会缓和。当您一直向下滚动并再次(缓慢地)向上滚动时,您也看到内容(块)再次缓和。当您回到顶部并再次向下滚动时,所有内容都会再次开始缓和。

我知道类似延迟加载或使用 jQuery 轻松加载,但一旦加载,动画就完成了。当您滚动回顶部时,没有什么可以缓解。所以你不能再做动画的轻松了。

我找到了一个例子(不是我想要的确切动画,但我可以改变它),像这样淡入: https ://codepen.io/chriscoyier/pen/DjmJe

这是他们使用的javascript:

我不是 javascript 专家,但是当我滚动到顶部时是否也可以让它缓和下来,当我向下滚动时它又缓和回来?

0 投票
1 回答
92 浏览

ios - XCode(错误?)(SwiftUI):我的视图不是从屏幕边缘进入,而是在它们所在的位置缩放和更改不透明度

我试图在我的屏幕上有一个圆圈,在它后面有两个圆圈在 ZStack 中,使用 ScaleEffect() 轻松进出,并更改不透明度。我在一个单独的 SwiftUI 文件中做了这个,似乎没有问题,但是一旦我把它放在我的 ContentView() 中,这个奇怪的错误似乎就发生了。

请忽略背景中的圆圈,这只是我的背景视图。但是看到那两个蓝色深浅不同的圆圈了吗?他们不断地进出屏幕,来到深蓝色“加号”图标后面,然后又离开。同时,我希望他们只是在“加号”圈子后面。

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述 这 是因为某种 XCode 错误吗?还是我在代码中写错了什么?如果有人能澄清一下,我将不胜感激:)

这是我的代码。我做了一个@State private var buttonIsAnimating 并将其默认为false,并说一旦按钮出现,圆圈应该开始动画。代码有问题吗?