问题标签 [android-pagetransformer]

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 回答
668 浏览

android - VIEW PAGER 如何更改视图堆栈中的页面顺序

我对 ViewPager 类有疑问。正如您在屏幕截图中看到的,正常页面从上到下按从左到右的顺序排列:右页在底部,而不是中央,最上面是左页,我想把中央(中间) 位于此堆栈顶部的页面。你怎么想,这是可能的?

现在如何:

在此处输入图像描述

http://oi57.tinypic.com/2hdsehd.jpg

我想要达到的目标:

在此处输入图像描述

http://oi60.tinypic.com/jkyddl.jpg

0 投票
0 回答
580 浏览

android - ViewPager.PageTransformer 转换 ViewPager

我一直在关注本教程,将 ViewPager.Transformer 应用于我的 ViewPager。您会注意到 Chris Basha 只为 viewpager 中的 2 个片段编写了教程 - 我想在我的 viewpager 中使用 3 个片段:

https://medium.com/@BashaChris/the-android-viewpager-has-become-a-fairly-popular-component-among-android-apps-its-simple-6bca403b16d4

我只想将 2 textViews 从我的 viewpager 内的片段右侧移动到左侧。我的浏览器中有 3 个片段。

这是我的代码:

这是viewpager的第1页视图:

布局

当我从第 1 页移动到第 2 页并再次返回时,上面的代码就像一个魅力。文本从右向左移动,然后再次返回,并以不同的速度加速到浏览器的移动。

当我从第 1 页 - 第 2 页 - 第 3 页移动,然后再次从第 3 页 - 第 2 页 - 第 1 页移动时,两个文本视图似乎没有回到原来的位置。事实上,包含“你好”这个词的文本视图甚至不会显示“你好吗?” 不再对齐:

在此处输入图像描述

从 page1-2-3 到 page3-2-1 时,如何让两个 textViews 回到原来的位置?

0 投票
1 回答
494 浏览

android - Android MapView disappears using a ViewPager and PageTransformer

I'm having trouble setting up a ViewPager using a PageTransformer and a MapView. The problem is when the viewpager is set to use the PageTransformer, the mapview disappears(goes transparent) while panning. However, if I don't use a transformer and just pan the Mapview is fine. Does anyone know what is causing this behavior?

Currently the PageTransformer does nothing special but just setting it seems to affect the way the mapview is drawn. I should note that the map goes transparent while the mapview(Legal Notice)remains. When the ViewPager enters an Idle state the Map appears.

XML: ViewPager Fragment

Map Fragment:

0 投票
1 回答
249 浏览

android - 使用 ViewPager.PageTransformer 移动文本 - 失败

我有一个通用片段,里面有 2 个文本视图:

IntroFragment 使用此布局,并且此类在我的 ViewPager (PageAdapter) 中实例化了 5 次:

在我的 PageTransformer 中,我想在 X 上对标题和描述进行翻译,但是这段代码的行为很疯狂:

是否可以使用这样的通用片段并在内部的特定小部件上使用 PageTransformer(例如在我的情况下 Title 和 Description 文本视图)?

我只想在标题和描述文本视图上更快地进行 X 翻译(在右侧或左侧取决于幻灯片方式)。

谢谢你们的帮助!

0 投票
1 回答
1823 浏览

android - 具有多个 PageTransformer 的 ViewPager(运行时的 PageTransformers)

我的 ViewPager 有一个自定义要求。我想要的是我的寻呼机默认应该有一个像DepthPageTransformer这样的水平 pageTransformer 。现在在屏幕上我有一个按钮,我希望我的当前页面从底部滑动到顶部,我的下一页像VerticalPageTransformer一样替换它,一旦页面更改,页面转换器应该改回默认的 DepthPageTransformer。

所以基本上我想在运行时应用 pageTransformers。任何帮助表示赞赏。

这是我的代码:

现在,当我点击其 onCLick 中的按钮时,我有:

然后在我的 onPageSelected() 中,我将其设置回初始值

这听起来很容易和正确,但页面转换一点也不顺畅。他们行为怪异。页面有时会缩小。页面变化如此之快,以至于人们甚至看不到转换。

为@Mimmo 编辑:附加更改

0 投票
1 回答
370 浏览

android - 滚动视图在 viewpager.pagetransformer 上不起作用

我正在使用带有 Scrollview 淡入动画的 viewPager 片段。为此,我在 viewpager.pagetransformer 上添加了该功能。当我添加此功能时,滚动视图无法正常工作(仅第一步数据滚动)。

关于viewpager的声明:

SectionsPagerAdapter 类是:

以及用于淡入淡出动画的 CrossfadePageTransformer 类:

我该如何解决这个问题?请给我建议。谢谢大家。

0 投票
3 回答
5931 浏览

android - Android ViewPager - 此设计的平滑过渡

我真的无法弄清楚为以下设计进行平滑过渡的数学运算。任何帮助将不胜感激 :)。

在过渡期间,页面会上下跳跃,但我希望它们变得平滑。

设计

在此处输入图像描述

过渡

在过渡期间,页面会上下跳跃,但我希望它们变得平滑。

相关的 ViewPage 代码:

注意:“transformPos”用于解决此错误 - https://code.google.com/p/android/issues/detail?id=64046

我的 ViewPager

完整源代码 - https://github.com/krishnaraj/ViewPagerSample

0 投票
1 回答
1604 浏览

android - android查看寻呼机滑动动画

我正在尝试通过覆盖 transformPage() 方法在视图寻呼机中的页面滑动中做一些动画,这样当我从右向左滑动时,新页面(来自右侧的页面)应该尽快出现在上一页下方当动画开始时,上一页应该滑到新页面的左侧。当我从左向右滑动时,新页面应该直接滑过上一页并完全覆盖它。但我无法实现它。我尝试了以下方法:-

请提供一些建议。谢谢

0 投票
2 回答
828 浏览

android - 使用 PagerTransformer 的带有按钮的 ViewPager 动画

我正在尝试在我的 ViewPager 上做一些动画。在我的主视图上,我有一个 ViewPager 和两个按钮。我想要做的是,当我单击左键时,viewPager 中的视图向左移动(屏幕外),下一个视图淡入,右键相同,但在右侧。(类似于 Tinder 应用程序效果,但最简单)。我找到了一个名为 ViewPager.PageTransformer 的漂亮界面,但我不知道如何以我想要的方式移动视图。

感谢帮助 :)

0 投票
1 回答
2986 浏览

android - 具有下一个和上一个预览和 pagetransformer 的居中视图寻呼机

我正在实现一个 ViewPager,它显示下一个和上一个项目,还使用 ​​ViewPager.PageTransformer 为页面转换设置动画。它具有缩小和淡出效果。为了显示下一个和上一个,我使用负 PageMargin、viewpager 上的填充和 clipToPadding 为 false。这是它的样子

在此处输入图像描述

这就是我想要的。问题是 PageTransform 使用左边缘作为参考,即当图像接触左边缘而不是位于中心时,它显示最大缩放。为了解决这个问题,我在代码中使用了一个偏移量,如下所示

当图像位于中心并找到偏移量时,我记录了位置值。但此偏移仅适用于 xxhdpi 设备。在 xxxhdpi 上,值为 0.12068965f。此外,当我更改 ViewPager 上的填充时,偏移量也会发生变化。此外,下一个和上一个的预览大小随 dpi 变化。

问题

如何计算填充、边距,尤其是偏移量,以在不同 dpi 上保持一致的行为?

代码

这是我在其中添加 viewpager 及其填充的布局

这是viewpager初始化代码: