Nativescript Radlist视图可折叠项动画
我试图通过点击任意一个项目来打开和关闭radlist view项目的子详细信息。 这样,如果我点击该项目,它将打开子视图并再次关闭 我已经创建了一个示例,其中我实现了可折叠的radlist视图 但是我需要用动画慢慢地扩展它。我很少阅读文档,在谷歌上搜索也没有结果 任何人都可以向上面的项目添加动画,该项目从上到下缓慢打开可折叠视图。并以同样的方式慢慢关闭 已更新:Nativescript Radlist视图可折叠项动画,nativescript,radlistview,Nativescript,Radlistview,我试图通过点击任意一个项目来打开和关闭radlist view项目的子详细信息。 这样,如果我点击该项目,它将打开子视图并再次关闭 我已经创建了一个示例,其中我实现了可折叠的radlist视图 但是我需要用动画慢慢地扩展它。我很少阅读文档,在谷歌上搜索也没有结果 任何人都可以向上面的项目添加动画,该项目从上到下缓慢打开可折叠视图。并以同样的方式慢慢关闭 已更新: 我获得了相对接近的动画,看看这个, 由于硬编码的高度,我无法获得手风琴效果,因为不同的元素具有不同的高度。我认为CSS无法做到这一
我获得了相对接近的动画,看看这个,
由于硬编码的高度,我无法获得手风琴效果,因为不同的元素具有不同的高度。我认为CSS无法做到这一点,它需要一些本机API,至少在iOS上是这样,因为您的单元格不会在更改时重新播放。RadListView/所有UI插件仍然不是开源的,所以如果您在上提出问题,可能会更容易。@Manoj好的,我会提出反馈,但我可以从js文件中设置关键帧。如果是这样的话,我可以在制作动画之前读取布局的高度
@keyframes animation {
from {
height: 0;
overflow:hidden;
background-color: gold;
transition: height 1s ease;
}
100% {
transform: translate(0,0);
/* height: auto */ // This is also not working
height: 100px; } // HOW TO GIVE HEIGHT DYNAMICALLY HERE
}