在Angular中折叠/展开动画

文章/答案/技术大牛

发布

1回答

状态之间的角度过渡动画仅为一个状态正确设置动画

angular、angular-material、angular-animations

我正在尝试将可扩展行添加到角度材料表中，因此我找到了一个示例。我修改了这个例子，将angular版本升级到^7.0.0，当动画从“折叠”转换到“扩展”时，动画突然停止了工作。如果您单击某一行以展开它，在短暂的延迟之后，该行会立即展开。然后，如果再次单击行以将其折叠，动画将正常工作。如何修复动画，以便正确扩展行的动画？

浏览 17提问于2019-03-14得票数 0

回答已采纳

2回答

css、angularjs

//some div <div ng-click="showMore = false">show less</div>当用户点击“显示更多”时，我想以动画的形式显示剩下的内容在我的css中 padding-top: 20px; height: 110px;我必须去掉ng-show或ng-hide

浏览 6提问于2017-06-23得票数 3

回答已采纳

2回答

将高度设置为零后Css转换失败

javascript、html、css、css-transitions

我在文章元素中展开和折叠动画到div上。基于这个小提琴代码：当div框被展开时("div.expandable")，我不希望将高度硬编码(锁定)留在一个特定的值，因此我通过删除高度值：el.css("height", ""); (动画完成后在为折叠/关闭动画再次将高度设置为"0“之前，我将恢复高度(返回到136 it )。在重新设置<e

浏览 6提问于2014-01-28得票数 4

回答已采纳

1回答

如何使树中的展开/折叠动画平滑类似于Toolbar.addSearchCommand()中的效果？

codenameone

在CN1 Tree中展开(或折叠)子树时的默认动画并不流畅:展开的元素类似于插入，列表在折叠时类似于跳回。而用于Toolbar.addSearchCommand()的动画则流畅且易于观看(隐藏/显示的元素以一种非常优雅的方式同时展开/折叠)。我试图找到一种方法来使树动画平滑，但还没有弄清楚。

浏览 1提问于2021-02-09得票数 1

1回答

NSOutlineView滚动动画不工作

macos、animation、nsoutlineview

else{ } 当NSOutlineView崩溃或expand.But时，它应该是滚动动画

浏览 5提问于2013-05-13得票数 0

0回答

如何在angular ui网格中显示过多的列

angularjs

在angular ui网格中，我有太多的列要显示。这意味着将为每一行提供展开/折叠按钮，并且在展开特定行时，额外的列标题模板将与列值一起显示。是否可以使用angular ui网格

浏览 8提问于2016-07-18得票数 0

回答已采纳

1回答

如何动画的UISearchbar帧变化保持圆头？

ios、ios5、ios6、uisearchbar、uiviewanimation

我想对UISearchbar的帧变化进行动画处理。我希望它可以在点击搜索按钮时展开和折叠。我正在使用UIViewAnimationBlock进行动画制作 delay:0}我必须从零开始展开框架，然

浏览 3提问于2013-03-09得票数 0

回答已采纳

1回答

角4上的动画似乎没有过渡效果。

angular、angular-animations

height': '0px' transition('open <=> close', animate(1000))使用此代码动画展开折叠，展开折叠工作良好，但没有动画在高度使用角动画框架4.3.1 创建了一个小演示

浏览 1提问于2017-08-02得票数 4

回答已采纳

1回答

GWT:如何在单元格列表中实现手风琴效果？

css、gwt、accordion、rpc、celllist

它将在GWT2.5中同时提供这两者，不幸的是，GWT2.5还没有推出。有更好的方法吗？跟进：(我不确定这是否应该是一个单独的问题。)

浏览 1提问于2012-05-12得票数 0

回答已采纳

1回答

可以从后台代码触发AJAX CollapsiblePanelExtender动画吗？

c#、asp.net、asp.net-ajax、ajaxcontroltoolkit、collapsiblepanelextender

我可以使用以下两行代码来编程折叠一个面板： ajaxCollapsiblePanelExtender1.ClientState = "true"; 但是，当单击展开/折叠控件is时，展开/折叠动画不会播放。它只是以折叠状态出现。有可能以编程方式触发此动画吗？

浏览 0提问于2010-09-13得票数 2

回答已采纳

1回答

如何使用自动属性计算为<tr>打开/关闭设置动画

angular、angular2-animation

我有一个表格行，在您单击它上面的行上的“查看详细信息”按钮之前，它是不可见的。目前，我使用*ngIf显示第二行，并在单击"View details“按钮时更改绑定对象的布尔属性。我已经通读了angular2文档中的动画页面，并尝试实现一个“折叠/取消折叠”动画，以便当第二个表格行可见时，它从0px高度->完全展开的行的高度(*px)开始动画。我看到的最接近我想要做的例子是这个动画，它将英雄从

浏览 0提问于2016-10-04得票数 1

1回答

向jQuery mobile中的可折叠集添加自定义动画

jquery-mobile、jquery-mobile-collapsible

我在我的jQuery手机1.4.0中有一个可折叠集，当它像一样展开时，我想为这个可折叠集添加一个自定义动画我已经使用了以下样式来制作可折叠的动画，但它没有给我相同的result.How。当我的可折叠展开时，我可以将这个向下/向上滑动的动画应用到我的可折叠上吗？

浏览 7提问于2014-01-12得票数 1

2回答

有没有一种方法可以使用Material-UI折叠和抽屉而不过渡？

material-ui、react-transition-group

我使用中的折叠和抽屉在移动网站上创建导航。导航有很多。折叠和抽屉都使用动画的过渡。为了提高响应性，我计划使用无过渡的折叠和抽屉(我不介意没有动画)。有没有办法在不过渡的情况下使用折叠和抽屉？另外，我已经检查了折叠和抽屉的文档，没

浏览 3提问于2018-02-22得票数 4

回答已采纳

1回答

在运行时将贝塞尔曲线应用于MotionLayout

android、android-motionlayout、android-motionscene

我使用创建了一个展开/折叠硬视图组件。现在，展开/折叠动画是线性的。我想把贝塞尔曲线应用到动画中，这样动画就会是ease-in-out。我在googled上搜索了很多，无法找到如何在运行时动态添加它。我看到它从MotionScene xml文件中应用。但却找不到任何在运行时这样做的材料。请让我知道如何在运行时添加。非常感谢。

浏览 4提问于2022-01-21得票数 0

回答已采纳

1回答

具有弹性动画的颤振折叠和扩展小部件

flutter、flutter-animation

在下面这个简单的ui中，我有Container屏幕的权利，我想用elastic动画来折叠和扩展它，例如展开elasticIn动画和折叠elasticOut。

浏览 0提问于2019-08-29得票数 5

回答已采纳

5回答

如何使用动画展开和折叠NSSplitView子视图？

cocoa、macos、animation、nssplitview

是否可以对NSSplitView子视图的折叠和展开进行动画处理？(我知道替代类的可用性，但我更喜欢使用NSSplitView而不是动画。)我使用- (void)setPosition:(CGFloat)position ofDividerAtIndex:(NSInteger)dividerIndex方法来执行折叠和展开。

浏览 8提问于2011-06-11得票数 14

回答已采纳

1回答

MotionLayout动画内容回收器视图或查看页

android、android-recyclerview、android-motionlayout

我们的想法是展开de ViewPager或回收器，并在展开时显示更多信息，而在折叠时显示更少信息。使用MotionLayout展开和折叠非常简单，但是我找不到动画的方法，也无法更改适配器的每个元素中显示的内容。是否可以同时对适配器的内容进行动画处理？

浏览 13提问于2019-10-10得票数 0

1回答

Android :有没有办法让ExpandableListView的群组和列表视图都有动画效果？

android、animation、expandablelistview

我使用的ExpandableListView有多个组，但每个组中只有一个子组。该子视图是一个包含一些ImageViews的自定义视图(FrameLayout)。同一时间只能扩展一个组(这是可以的)。我想对展开和折叠操作进行动画处理:只要单击组标题，动画就会折叠当前展开的组(如果有的话)，而另一个动画则会展开单击的组。我希望动画是一个平滑的过渡动画子视图(如果折叠，则逐渐隐藏，如果<

浏览 0提问于2010-09-21得票数 4

1回答

如何使用JQuery集中div？

javascript、jquery

我有一个OrgChart控件填充在下面的表单中：我在每个节点中都有展开和折叠功能，我想知道您是否可以帮助我在展开或折叠节点后实现节点的中心化。我想拖动水平滚动使展开的项目居中，拖动垂直滚动使展开的项目位于顶部。如下图所示：有什么帮助吗！

浏览 0提问于2011-03-22得票数 1

回答已采纳

1回答

在平移元素内旋转动画

angular、animation、rotation

我正在构建一个带有可折叠菜单的Angular应用程序。切换菜单的按钮应该在菜单展开或折叠时旋转，因此在调整大小的元素上有一个旋转按钮(更改宽度/边距)。旋转在没有调整大小时起作用，但一旦调整父元素的大小，就不会显示旋转动画。, style } from '@angular/animations'; selector: 'my-app', templateUrl: '

浏览 0提问于2020-05-06得票数 0

点击加载更多