草庐IT

transitions

全部标签

javascript - v-if 上平滑的 vue 折叠过渡

我正在努力尝试使用v-if顺利显示/隐藏内容的vue转换。虽然我了解css类和过渡,但我可以使用不透明度或翻译等方式使内容“平滑地”显示......但是一旦动画完成(或者更确切地说,当它开始时),下面的任何html部分似乎“跳跃”'.我正在尝试实现与Bootstrap4“折叠”类相同的效果-单击此处顶部的按钮之一:https://getbootstrap.com/docs/4.0/components/collapse/随着隐藏部分的出现/消失,所有html内容都会随之“滑动”。对于使用v-if显示的内容,是否可以使用Vue转换?vuetransitions文档上的所有示例虽然具有出色

java - 在 Activity 更改时构建类似 iOS 的 Transition

因此,我正在尝试在我的Android应用程序中的两个Activity之间建立一个转换,这看起来类似于iOS应用程序中的转换。我的“GoinginTransition”工作得非常好,按照我希望的方式工作,新布局滑过旧布局,而旧布局向左移动一点。但现在我坚持使用反向过渡,回到我的第一个布局,因为我希望它看起来完全像第一个过渡,但只是反向,这是我无法实现的,导致Android自动分层移动移出过渡之上的过渡,如您在随附的gif中所见。所以我有两个想法来解决这个问题。是否有可能更改过渡层?如果没有,也可以为移动蒙版制作动画,好吧,我在过渡中移动。但是对于这两种可能性,我都知道如何实现它们。我当前

.net - 打开外部 DTD(w3.org、xhtml1-transitional.dtd)时发生错误。 503 服务器不可用

我正在尝试对xhtml文档执行xpath查询。使用.NET3.5。文档看起来像这样:.......因为文档包含各种字符实体( 等),我需要使用DTD,以便使用XmlReader加载它.所以我的代码看起来像这样:vars=File.OpenRead(fileToRead)varreader=XmlReader.Create(s,newXmlReaderSettings{ProhibitDtd=false});但是当我运行它时,它返回AnerrorhasoccurredwhileopeningexternalDTD'http://www.w3.org/TR/xhtml1-transitio

C# : Transitive Inheritance

继承是C#中的传递关系吗?我问是因为我不明白为什么IList工具ICollection和IEnumerable作为ICollection已经实现IEnumerable感谢您为我澄清这一点。 最佳答案 它在所有方面都是可传递的。可能您用来查看继承层次结构的工具具有特定的显示方式。无法取消实现接口(interface),尽管您可以显式实现它,从而对智能感知隐藏它。作为IList的作者,您可以自由选择仅派生自ICollection还是派生自ICollection和IEnumerable。在这种情况下,IEnumerable将是多余的并由r

c# - TaskCompletionSource 抛出 "An attempt was made to transition a task to a final state when it had already completed"

我想使用TaskCompletionSource来包装MyService这是一个简单的服务:publicstaticTaskProcessAsync(MyServiceservice,intparameter){vartcs=newTaskCompletionSource();//EverytimeProccessAsynciscalledthisassignstoCompleted!service.Completed+=(sender,e)=>{tcs.SetResult(e.Result);};service.RunAsync(parameter);returntcs.Task;}

javascript - 使用 d3 过渡增加和减少圆的半径

我试图通过增加和减少圆的半径来在圆上创建脉冲效果。我希望圆圈根据给定的数据集增长和缩小。我只能获得以太增加或减少半径的过渡函数,但不能同时增加或减少两者。d3自动为数组中的每个值创建一个不同的圆。我怎样才能使一个圆的半径在遍历数组时增大和缩小?下面是我目前所拥有的一个简单版本。感谢您提供的任何帮助。dataset=[30,80,150,90,20,200,180]varsvg=d3.select("body").append("svg").attr("width",w).attr("height",h);varcircle=svg.selectAll("circle").data(da

javascript - d3.transition().attr ('x' , y) 在 d3.attr ('x' , y) 有效时无效

以下作品(圆圈将移动到提供的点的新位置)d3target.attr('cx',newCX).attr('cy',newCY)但这些不是:d3target.transition().attr('cx',newCX).attr('cy',newCY)//.duration(1000)//Stilldoesn'tworkwithorwithouttheduration这也不行:(通过提供起始值assuggestedbyAPIdocs)d3target.attr('cx',originalCX).attr('cy',originalCY).transition().attr('cx',newC

javascript - 用户界面路由器 : How to get next state params in transition

我正在使用ui-router1.0.0.beta.3。如何在转换期间获取下一状态的路由参数?index.run.js$transitions.onStart({to:'**'},verifyAuth);functionverifyAuth(trans){letnextState=trans.$to();if(Auth.verify(nextState.authGroup)===-1){return$state.go('login',{nextState:nextState.name,nextParams:nextState.params});//thisdoesn'twork}}我想存

javascript - d3.js transition() 在浏览器最小化时不起作用

transition()选择,当新数据进入时,我用来移动svg元素的位置,在浏览器窗口中完美运行已打开,但当我打开另一个选项卡或最小化窗口时,transition()函数会将svg元素堆叠在一起。当我打开窗口时,我看到svg元素堆叠在一起。exit()选择移出屏幕。 最佳答案 D3usesrequestAnimationFrame以实现流畅高效的绘图。这是moreinfo关于这个话题。许多人的基本问题是,当窗口/选项卡处于后台时,页面呈现“进入休眠模式”并且不提供“动画帧”,即浏览器将停止绘制。您可以使用浏览器解决这个“问题”vis

javascript - D3.js 链式过渡,用于不同形状的复合动画

我想做什么...我正在使用D3制作复合动画。我有以下最终状态:本质上我想要连接点的动画-添加第一个圆。然后将线画到第二个圆圈。绘制线后,添加第二个圆圈。为了增加一些视觉吸引力,我执行了其他转换,例如在绘制线条时更改第一个和第二个圆的circle半径。我试过的...我可以单独添加圆圈和绘制线条,包括动画。但是,我不确定如何继续将过渡链接在一起以形成复合动画。我已经readabouttransitions/animations,建议使用each("end")。虽然这可以用来绘制初始对象,但直到其他转换之后才会触发结束。问题使用each("end",...)是否是链接转换的正确方法?如何开始