3D视差引导页

移动开发
3D视差引导页,ViewPager滑动时子控件平移,缩放,3D翻转

源码简介:3D视差引导页,ViewPager滑动时子控件平移,缩放,3D翻转

源码效果:

源码片段:

/** 
     * 当我们的ViewPager滑动的时候,每一个页面都会回调该方法 
     * position:当前第几个页面 
     * view:某个页面对应的视图 --- 布局的视图 
     */ 
    @Override 
    public void transformPage(View view, float position) { 
        // 渐变效果,判断区间(-1,1) 
        if (position<1 && position >-1) { 
            // 视差加速效果,让里面的所有子空间都给一个加速偏移量 
            ViewGroup rl=(ViewGroup) view.findViewById(R.id.rl); 
//          for (int i = 0; i < rl.getChildCount(); i++) { 
//              View child=rl.getChildAt(i); 
//              float factoe=(float) (Math.random()*2); 
//              if (child.getTag() == null) { 
//                  child.setTag(factoe); 
//              }else{ 
//                  factoe=(Float) child.getTag(); 
//              } 
//              // 加速偏移量(在child原来的位置再加一个偏移值) 
//              child.setTranslationX(-position*200*factoe); 
//              child.setTranslationY(position*100*factoe); 
//          } 
            // 缩放效果 
            // 缩放的范围:0-1 
            rl.setScaleX(Math.max(0.8f,1-Math.abs(position))); 
            rl.setScaleY(Math.max(0.8f,1-Math.abs(position))); 
              
            // 3D翻转动画 往外翻转 
//          rl.setPivotX(position<0f?rl.getWidth():0f); 
//          rl.setPivotY(rl.getHeight()*0.5f); 
//          rl.setRotationY(position*90); 
              
            // 3D翻转动画 往内翻转 
//          rl.setPivotX(position<0f?rl.getWidth():0f); 
//          rl.setPivotY(rl.getHeight()*0.5f); 
//          rl.setRotationY(-position*90); 
              
            // 羊肉串效果 
            rl.setPivotX(rl.getHeight()*0.5f); 
            rl.setPivotY(rl.getHeight()*0.5f); 
            rl.setRotationY(-position*90); 
        } 
    } 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.

下载地址:http://down.51cto.com/data/2091673

责任编辑:倪明 来源: devstore
相关推荐

2011-05-04 14:10:03

日立3D投影

2011-10-06 13:30:45

宏碁投影仪

2009-12-14 08:58:25

HTML5网页3DWebGL

2012-11-26 12:51:44

木材3D打

2011-05-26 10:05:07

优派投影机

2011-04-26 14:21:20

3DJVC投影机

2011-08-26 14:50:23

2012-08-13 17:11:37

Silverlight

2023-03-03 21:42:18

鸿蒙

2011-09-22 10:07:52

奥图码投影仪

2011-05-25 16:07:17

2015-09-22 10:53:27

引导页

2021-12-28 10:52:10

鸿蒙HarmonyOS应用

2011-05-03 11:07:46

2D3D丽讯

2020-08-26 10:37:21

阿里3D

2011-05-26 10:55:39

2012-06-16 16:57:52

WebGL

2010-06-09 16:21:10

OpenSUSE界面

2011-06-15 13:08:59

2012-02-27 10:00:50

HTML 5
点赞
收藏

51CTO技术栈公众号