问题标签 [circularreveal]

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 投票
1 回答
116 浏览

android - 相对布局中的视图大小不正确

我在下面有一个RelativeLayout。其中有一个可扩展的视图和一个显示框架布局。RevealFrameLayout 与屏幕底部对齐,位于 ExpandableView 下方。当用户点击 fab 显示动画时,将从 fab 中心开始并显示显示框架布局。

我这样计算工厂的中心:

但我得到的坐标总是低于晶圆厂的位置。看起来 Reveal Frame Layout 的底部超出了手机屏幕的范围。

有谁知道这种布局有什么问题以及如何获得实际的工厂中心坐标?

提前致谢。

0 投票
1 回答
77 浏览

android - 在三星设备上,如果正在播放 imageView 动画,Ripple 和 Reveal 会失败

这似乎只发生在三星设备上(在 S7 和 Tab S2 上测试)。

问题 如果正在播放任何动画,所有对话涟漪和显示效果都会受到阻碍、中途停止或根本不播放。

例如,这个 imageview 动画已经启动:

然后我触摸对话框中的按钮或启动显示动画。动画要么在随机点冻结,要么可怕地结结巴巴。在我的代码中,一些显示是对话框,因此当对话框显示中途停止时,它会阻止用户执行任何操作。

编辑:当使用动画时也会发生这种情况progressViewcom.github.rahatarmanahmed.cpv.CircularProgressView

如何防止/解决这种情况?这在非三星设备上运行良好。

示例项目位于:https ://github.com/behelit/SamsungAnimationFailSample

下图有一个冻结的波纹,此时没有触摸 涟漪死亡

0 投票
1 回答
1058 浏览

android - 向 BottomSheet 添加圆形显示动画

我在我的 android 应用程序中使用底页。如何添加循环显示动画以加载底页? createCircularReveal是一个android sdk功能,支持所有api级别高于21的设备。

0 投票
0 回答
290 浏览

android - 如何从退出显示动画中删除闪烁并使其从触摸点显示

我想要实现的是这些:

  1. 当单击 recyclerView 中的一个项目时,应该显示详细信息活动,从我的手指触摸屏幕的点开始。

  2. 当我触摸向上箭头按钮或后退按钮时,详细信息活动应以圆形显示结束,并在我的手指最初触摸屏幕的位置停止。

我的代码:

MyRecyclerViewHolder

我的片段

我的详细信息活动

问题

  1. 显示动画从屏幕的左上角开始,靠近汉堡图标,即使我单击的项目靠近屏幕底部。退出动画也是如此,它停在屏幕的左上角

  2. 退出动画结束后,屏幕闪烁,并不总是发生,但确实发生了。

已实施的解决方案

我已经在 viewHolder:itemView.getX()itemView.getY(),itemView.getRight()itemView.getTop(). 这些似乎解决了上面的第一个问题,但动画的进入和退出点总是与 recyclerView 项目的点不同。

请问我该如何解决上面的数字和2个问题?

0 投票
1 回答
990 浏览

android - 在两个视图之间切换时的圆形显示动画

我想要达到的目标

我在 GridLayout 中有一组按钮。其中一个按钮在向上舍入和向下舍入之间切换其他按钮的功能。

我正在尝试实现一个动画,该动画会以类似波纹的效果改变按钮的颜色。圆形显示动画是我想要的效果,其中新颜色从切换按钮上的触摸点传播到其他按钮的其余部分。在这两种情况下,我只希望动画从接触点向外增长,从向上舍入切换到向下舍入和返回。

问题

动画仅在第一个实例中从向上舍入到向下舍入(我的应用程序默认以向上舍入开始)。从向下舍入切换到向上舍入时没有动画;所有按钮的颜色都会发生变化,而切换按钮会更改图标。

这是我的第一个应用程序,所以我很难找出哪里出错了。

我的方法和代码

在我的 activity_main.xml 布局文件中,我创建了两组 GridLayouts(每组都有子按钮),并通过将它们都包装在 FrameLayout 中将它们分层。一组被赋予与另一组不同的颜色;我还为每组的切换按钮设置了不同的图标,以区分两种舍入方法。我已将第二个 GridLayout 父级的可见性属性设置为不可见。

在我的 MainActivity.java 文件中:

忽略我目前在 GridLayout 的中心有动画的原点这一事实。我只想让基础知识先工作。

我认为问题在于动画的逻辑和/或设置?

我已经尝试将 originX、originY 和 finalRadius 计算移动到 if 语句中,并使用 roundUp(对于 roundingMode true)和 roundDown GridLayouts(对于 roundingMode false),但这不起作用 - 所以我认为它是否无关紧要是不可见的(在您从向下舍入切换到向上舍入的情况下)。

0 投票
1 回答
810 浏览

android - 圆形显示显示黑色背景

我正在尝试实现此处显示的动画。它工作正常,除了 unreveal 动画,它显示片刻黑屏。并非所有设备/api 版本都存在故障。Google Nexus 10 (API 22) 的 Genymotion 模拟器确实显示了故障。

Unreveal 使用复杂的动画集:

  • 褪色
  • 布局移动
  • 结束半径小于开始半径的 CircularReveal
  • ETC

我试图将布局设置为background/等foreground,但它根本没有帮助。tint@null@android:color/transparent

0 投票
0 回答
139 浏览

android - 循环显示动画在重新添加片段后停止工作

我为我的搜索视图定义了一个圆形显示动画,它可以工作。但是当重新添加片段时(通过 ft.add(R.id.main_content, frag),显示动画不会发生。键入搜索查询时,字母几乎不可见,并且不会出现自动完成的列表视图。但如果在键入(不可见)我点击搜索,确实执行了免费搜索。调试显示代码已执行并且视图已正确测量。如果我将代码更改为 ft.replace() 而不是添加,则没有错误。请注意我更改与每个片段一起删除工具栏,因此重新添加的片段的工具栏,即没有显示显示的工具栏,理论上应该是所有 UI 元素的新出现。

0 投票
1 回答
1974 浏览

android - 如何应用循环显示进行活动更改?

我正在尝试将圆形显示动画应用于从 SplashScreen 活动转换到 MainActivity 的按钮单击。我已经尝试了人们给出的几乎所有解决方案,但我无法理解创建自定义动画的概念,例如用于活动更改的圆形显示。我可以成功地将其应用于当前活动视图,但不能应用于活动转换。

这是我的 SplashScreen.java

当单击按钮并且 SplashScreen 转换为 MainActivity 时,我想制作自定义动画 (CircularReveal)。如果您能解释代码,那就太好了。我正在尝试解决这个问题超过一天,但仍然无法掌握任何东西。并建议需要在XML

这是 MainActivity.xml

这是我的 SplashScreen.xml

0 投票
1 回答
1328 浏览

android - 反转圆形狂欢动画

我想做一个简单的动画,我会尝试描述。在第一个屏幕中间有一个小圆圈,然后当你按下它时,圆形动画会显示一个矩形按钮。我不知道我是否以最好的方式做到了,但就是这样

圈子.xml

我的片段的布局

然后在我的片段里面

到目前为止一切正常。接下来我想做反向圆形显示动画 - 基本上与我刚刚创建的相同动画只是反向,所以最后我的小圆圈和按钮会消失。

谁能给我一些提示我该怎么做?

0 投票
1 回答
504 浏览

java - 在视图的特定位置完成循环显示动画

我正在使用循环显示动画。它工作正常。

这是我的代码:

要求 :

我想在位于父布局中心的特定图像视图上完成圆形显示动画。如您所知,圆形显示以完全居中结束。但我不想要那个。

我希望圆形显示动画在到达 imageview 的边界(位于我的父布局的中心)时完成。我希望你们都能理解我的问题。

高级帮助将不胜感激。谢谢!