我想实现一个基本的 3d 立方体,并在 Touch 上水平或垂直旋转 90 度。我想要实现的是类似于下图所示的内容。
我已经实现了这个使用ViewPager
's ViewTransformer
但我对结果并不满意。动画不是很流畅,而且我无法翻转它,我必须在屏幕的整个宽度上拖动手指来旋转立方体。
我想翻转它,但无法实现。
我用过BTGridPager-Android https://github.com/btate/BTGridPager-Android达到上述目的。但正如前面提到的,这并不是很有说服力。
这是我的 ViewTransformer 代码:
public abstract class ABaseTransformer implements PageTransformer {
@Override
public void transformPage(View page, float position) {
onPreTransform(page, position);
onTransform(page, position);
onPostTransform(page, position);
}
protected void onPreTransform(View page, float position) {
final float width = page.getWidth();
page.setRotationX(0);
page.setRotationY(0);
page.setRotation(0);
page.setScaleX(1);
page.setScaleY(1);
page.setPivotX(0);
page.setPivotY(0);
page.setTranslationY(0);
page.setTranslationX(isPagingEnabled() ? 0f : -width * position);
if (hideOffscreenPages()) {
page.setAlpha(position <= -1f || position >= 1f ? 0f : 1f);
} else {
page.setAlpha(1f);
}
}
public class HorizontalCubeOutTransformer extends ABaseTransformer {
@Override
protected void onTransform(View view, float position) {
final float normalizedposition = Math.abs(1 - Math.abs(position));
view.setPivotX(position < 0f ? view.getWidth() : 0f);
view.setPivotY(view.getHeight() * 0.5f);
view.setRotationY(90f * position);
view.setAlpha(normalizedposition);
}
@Override
public boolean isPagingEnabled() {
return true;
}
}
public class VerticalCubeOutTransformer extends ABaseTransformer {
@Override
protected void onTransform(View view, float position) {
final float normalizedposition = Math.abs(Math.abs(position) - 1);
view.setAlpha(normalizedposition);
view.setTranslationX(view.getWidth() * -position);
view.setTranslationY(position * view.getHeight());
view.setPivotX(view.getWidth() * 0.5f);
view.setPivotY(position < 0f ? view.getHeight() : 0f);
view.setRotationX(90f * -position);
}
@Override
public boolean isPagingEnabled() {
return false;
}
}
我想知道的是如何在翻转手势上旋转立方体。
注意:我想在没有 OpenGL 或 SurfaceView 的情况下实现这一点。
UPDATE:到目前为止,我已经使用fragmenttransaction Extended实现了立方体翻转,但现在我遇到了一些其他问题,因为一旦翻转开始,当前片段就会消失
您可以使用 FragmentTransaction 扩展
FragmentTransaction 扩展 https://github.com/DesarrolloAntonio/FragmentTransactionExtended
它提供片段之间所有类型的动画
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)