问题标签 [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.
animation - SwiftUI - 使用 .easeInOut 为 ZStack 中的视图不透明度设置动画
我有一个位于 mapView 顶部的视图(在 ZStack 中),并且希望能够使绿色的上视图淡入淡出,并将.easeInOut
动画修改器应用于视图的不透明度。正如您在 gif 中看到的那样,它很好地淡入,但突然消失了。
如果我删除 mapView 那么一切都很好。如果我用简单的 mapView 替换,Rectangle()
那么问题就会返回,所以我相信它与 ZStack 而不是地图有关。有趣的是,我实际上使用的是 Mapbox 而不是 MapKit(为简单起见,如下代码所示),并且淡入淡出/突然消失的行为是相反的。
我尝试使用替代动画代码,将LabelView
过渡替换为:
并将按钮代码更改为:
但每次都会出现相同的行为。我猜这是一个 SwiftUI 错误,但找不到任何以前的参考。
javascript - 滚动时缓入/缓出并在视口中可见
当您查看https://www.mercedes-benz.com/en/的网站并向下滚动时,所有内容都会缓和。当您一直向下滚动并再次(缓慢地)向上滚动时,您也看到内容(块)再次缓和。当您回到顶部并再次向下滚动时,所有内容都会再次开始缓和。
我知道类似延迟加载或使用 jQuery 轻松加载,但一旦加载,动画就完成了。当您滚动回顶部时,没有什么可以缓解。所以你不能再做动画的轻松了。
我找到了一个例子(不是我想要的确切动画,但我可以改变它),像这样淡入: https ://codepen.io/chriscoyier/pen/DjmJe
这是他们使用的javascript:
我不是 javascript 专家,但是当我滚动到顶部时是否也可以让它缓和下来,当我向下滚动时它又缓和回来?
ios - XCode(错误?)(SwiftUI):我的视图不是从屏幕边缘进入,而是在它们所在的位置缩放和更改不透明度
我试图在我的屏幕上有一个圆圈,在它后面有两个圆圈在 ZStack 中,使用 ScaleEffect() 轻松进出,并更改不透明度。我在一个单独的 SwiftUI 文件中做了这个,似乎没有问题,但是一旦我把它放在我的 ContentView() 中,这个奇怪的错误似乎就发生了。
请忽略背景中的圆圈,这只是我的背景视图。但是看到那两个蓝色深浅不同的圆圈了吗?他们不断地进出屏幕,来到深蓝色“加号”图标后面,然后又离开。同时,我希望他们只是在“加号”圈子后面。
在此处输入图像描述 这 是因为某种 XCode 错误吗?还是我在代码中写错了什么?如果有人能澄清一下,我将不胜感激:)
这是我的代码。我做了一个@State private var buttonIsAnimating 并将其默认为false,并说一旦按钮出现,圆圈应该开始动画。代码有问题吗?