高仿京东APP

逃离我推掉我的手 2022-08-21 10:48 251阅读 0赞

最近在网上找了一个关于京东网站的源码，链接地址：
京东高仿App下载
发现其中有几个亮点：
一，用动画代替进度条；
二、对Tabhost加载Activity的运用（还在研究）
三、对于Gallery的运用；
四、对ViewPager的运用；
五、对自定义AbScrollView的运用（分有背景和没有背景的，待下一步研究；
六、关于调用二维码（条形码）的扫一扫（应该是关于API的，待继续研究）。
首先来看第一个关于动画的界面：
这里写图片描述
此画面为布局时的静态图，作者这里没有用进度条，可能是因为不够美观吧，那作者是怎么实现的呢？答案已经说了，是动画，思路非常简单，就是初始化ImageView控件，然后加载xml文件写的动画，然后给动画加一个监听事件，最后将ImageView设为动画，java代码如下：

  1. package com.itau.jingdong.ui;
  3. import android.os.Bundle;
  4. import android.os.Handler;
  5. import android.util.DisplayMetrics;
  6. import android.view.animation.Animation;
  7. import android.view.animation.Animation.AnimationListener;
  8. import android.view.animation.AnimationUtils;
  9. import android.widget.ImageView;
  11. import com.itau.jingdong.R;
  12. import com.itau.jingdong.config.Constants;
  13. import com.itau.jingdong.ui.base.BaseActivity;
  16. public class SplashActivity extends BaseActivity { 
  18.     public static final String TAG = SplashActivity.class.getSimpleName();
  20.     private ImageView mSplashItem_iv = null;
  22.     /* * (non-Javadoc) * * @see com.itau.tmall.ui.base.BaseActivity#findViewById() */
  23.     @Override
  24.     protected void findViewById() {
  25.         // TODO Auto-generated method stub
  26.         mSplashItem_iv = (ImageView) findViewById(R.id.splash_loading_item);
  27.     }
  29.     @Override
  30.     protected void onCreate(Bundle savedInstanceState) {
  31.         // TODO Auto-generated method stub
  32.         super.onCreate(savedInstanceState);
  33.         setContentView(R.layout.activity_splash);
  35.         DisplayMetrics metrics = new DisplayMetrics();
  36.         getWindowManager().getDefaultDisplay().getMetrics(metrics);
  37.         Constants.SCREEN_DENSITY = metrics.density;
  38.         Constants.SCREEN_HEIGHT = metrics.heightPixels;
  39.         Constants.SCREEN_WIDTH = metrics.widthPixels;
  41.         mHandler = new Handler(getMainLooper());
  42.         findViewById();
  43.         initView();
  44.     }
  46.     /* * (non-Javadoc) * * @see com.itau.jingdong.ui.base.BaseActivity#initView() */
  47.     @Override
  48.     protected void initView() {
  49.         // TODO Auto-generated method stub
  50.         Animation translate = AnimationUtils.loadAnimation(this,
  51.                 R.anim.splash_loading);
  52.         translate.setAnimationListener(new AnimationListener() {
  54.             @Override
  55.             public void onAnimationStart(Animation animation) {
  56.                 // TODO Auto-generated method stub
  58.             }
  60.             @Override
  61.             public void onAnimationRepeat(Animation animation) {
  62.                 // TODO Auto-generated method stub
  64.             }
  66.             @Override
  67.             public void onAnimationEnd(Animation animation) {
  68.                 // TODO Auto-generated method stub
  69.                 //启动homeactivty，相当于Intent
  70.                 openActivity(HomeActivity.class);
  71.                 overridePendingTransition(R.anim.push_left_in,
  72.                         R.anim.push_left_out);
  73.                 SplashActivity.this.finish();
  74.             }
  75.         });
  76.         mSplashItem_iv.setAnimation(translate);
  77.     }
  79. }

xml布局的ImageView动画代码如下：
R.anim.splash_loading:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <translate xmlns:android="http://schemas.android.com/apk/res/android" android:duration="1000" android:fromXDelta="0.0" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:toXDelta="60%p" android:fillAfter="true" />
  4. android:fromXDelta="0" android:toXDelta="-100%p" 往左边消失
  5. android:fromXDelta="-100%p" android:toXDelta="0" 从左边进
  6. android:fromXDelta="0" android:toXDelta="100%p" 往右边消失
  7. android:fromXDelta="100%p" android:toXDelta="0" 从右边进
  8. fillBefore是指动画结束时画面停留在此动画的第一帧; 默认值为true
  9. fillAfter是指动画结束是画面停留在此动画的最后一帧。默认值为false
  10. Interpolator对象                      资源ID                                功能作用
  11. AccelerateDecelerateInterpolator    @android:anim/accelerate_decelerate_interpolator    先加速再减速
  12. AccelerateInterpolator              @android:anim/accelerate_interpolator   加速
  13. AnticipateInterpolator              @android:anim/anticipate_interpolator   先回退一小步然后加速前进
  14. AnticipateOvershootInterpolator     @android:anim/anticipate_overshoot_interpolator 在上一个基础上超出终点一小步再回到终点
  15. BounceInterpolator                  @android:anim/bounce_interpolator   最后阶段弹球效果
  16. CycleInterpolator                   @android:anim/cycle_interpolator    周期运动
  17. DecelerateInterpolator              @android:anim/decelerate_interpolator   减速
  18. LinearInterpolator                  @android:anim/linear_interpolator   匀速
  19. OvershootInterpolator               @android:anim/overshoot_interpolator    快速到达终点并超出一小步最后回到终点
  22.  R.anim.push_left_in:
  24. <?xml version="1.0" encoding="utf-8"?>
  25. <set xmlns:android="http://schemas.android.com/apk/res/android">
  26.     <translate android:fromXDelta="100%" android:toXDelta="0" android:duration="600" />
  27. </set>
  29. R.anim.push_left_out:
  31. <?xml version="1.0" encoding="utf-8"?>
  32. <set xmlns:android="http://schemas.android.com/apk/res/android">
  33.     <translate android:fromXDelta="0" android:toXDelta="-100%" android:duration="600" />
  34. </set>

android:toXDelta=”60%p”这一句是在右边消失，大家可以多测试几个数据看看效果就明白为什么不是100%p了！

接下来讨论第二个问题：对于Gallery和ViewPager的应用，还是先贴图
这里写图片描述
首先，每张图片都是可动的，布局结构很简单，这里写图片描述
第一个是ViewPager，第二个LinerLayout是ViewPager下面的长条，在ViewPager里面的图片运动时，下面的红色长条表示当前图片，节奏保持一致，第三个和第四个都是Gallery图片可以左右拨动，只是在图层下面多加了文字，首先来看看自定义的ViewPager是怎么回事：

  1. package com.itau.jingdong.widgets.jazzviewpager;
  3. import java.util.HashMap;
  4. import java.util.LinkedHashMap;
  6. import com.itau.jingdong.R;
  7. import com.nineoldandroids.view.ViewHelper;
  9. import android.content.Context;
  10. import android.graphics.Camera;
  11. import android.graphics.Color;
  12. import android.graphics.Matrix;
  13. import android.support.v4.view.PagerAdapter;
  14. import android.support.v4.view.ViewPager;
  15. import android.util.AttributeSet;
  16. import android.util.Log;
  17. import android.view.MotionEvent;
  18. import android.view.View;
  20. public class JazzyViewPager extends ViewPager { 
  22.     public static final String TAG = "JazzyViewPager";
  24.     private boolean mEnabled = true;
  25.     private boolean mFadeEnabled = false;
  26.     private boolean mOutlineEnabled = false;
  27.     public static int sOutlineColor = Color.WHITE;
  28.     private TransitionEffect mEffect = TransitionEffect.Standard;
  30.     private HashMap<Integer, Object> mObjs = new LinkedHashMap<Integer, Object>();
  32.     private static final float SCALE_MAX = 0.5f;
  33.     private static final float ZOOM_MAX = 0.5f;
  34.     private static final float ROT_MAX = 15.0f;
  36.     public enum TransitionEffect {
  37.         Standard, Tablet, CubeIn, CubeOut, FlipVertical, FlipHorizontal, Stack, ZoomIn, ZoomOut, RotateUp, RotateDown, Accordion
  38.         //这些都是代表当前的图片是那张
  39.     }
  41.     public JazzyViewPager(Context context) {
  42.         this(context, null);
  43.     }
  45.     @SuppressWarnings("incomplete-switch")
  46.     public JazzyViewPager(Context context, AttributeSet attrs) {
  47.         super(context, attrs);
  48.         setClipChildren(false);//是否限制子View在其范围内
  49. // TypedArray ta = context.obtainStyledAttributes(attrs,
  50. // R.styleable.JazzyViewPager);
  51. // int effect = ta.getInt(R.styleable.JazzyViewPager_style, 0);
  52.         String[] transitions = getResources().getStringArray(
  53.                 R.array.jazzy_effects);
  54.         int effect = 0;
  55.         setTransitionEffect(TransitionEffect.valueOf(transitions[0]));
  56.         setFadeEnabled(
  57.                 false);
  58.         setOutlineEnabled( false);
  59.         setOutlineColor(
  60.                 Color.WHITE);
  62. // Log.i("tarena", "0-->"+effect+"11"+transitions.length+","+
  63. // ta.getBoolean(R.styleable.JazzyViewPager_fadeEnabled,false)+","+
  64. // ta.getBoolean(R.styleable.JazzyViewPager_outlineEnabled, false)+","+
  65. // ta.getColor(R.styleable.JazzyViewPager_outlineColor,Color.WHITE)+"");
  66.         switch (mEffect) {
  67.         case Stack:
  68.         case ZoomOut:
  69.             setFadeEnabled(true);
  70.         }
  71. // ta.recycle();
  72.     }
  74.     public void setTransitionEffect(TransitionEffect effect) {
  75.         mEffect = effect;
  76.     }
  78.     public void setPagingEnabled(boolean enabled) {
  79.         mEnabled = enabled;
  80.     }
  82.     public void setFadeEnabled(boolean enabled) {
  83.         mFadeEnabled = enabled;
  84.     }
  86.     public boolean getFadeEnabled() {
  87.         return mFadeEnabled;
  88.     }
  90.     public void setOutlineEnabled(boolean enabled) {
  91.         mOutlineEnabled = enabled;
  92.         wrapWithOutlines();
  93.     }
  95.     public void setOutlineColor(int color) {
  96.         sOutlineColor = color;
  97.     }
  99.     private void wrapWithOutlines() {
  100.         for (int i = 0; i < getChildCount(); i++) {
  101.             View v = getChildAt(i);
  102.             if (!(v instanceof OutlineContainer)) {
  103.                 removeView(v);
  104.                 super.addView(wrapChild(v), i);
  105.             }
  106.         }
  107.     }
  109.     private View wrapChild(View child) {
  110.         if (!mOutlineEnabled || child instanceof OutlineContainer)
  111.             return child;
  112.         OutlineContainer out = new OutlineContainer(getContext());
  113.         out.setLayoutParams(generateDefaultLayoutParams());
  114.         child.setLayoutParams(new OutlineContainer.LayoutParams(
  115.                 LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
  116.         out.addView(child);
  117.         return out;
  118.     }
  120.     public void addView(View child) {
  121.         super.addView(wrapChild(child));
  122.     }
  124.     public void addView(View child, int index) {
  125.         super.addView(wrapChild(child), index);
  126.     }
  128.     public void addView(View child, LayoutParams params) {
  129.         super.addView(wrapChild(child), params);
  130.     }
  132.     public void addView(View child, int width, int height) {
  133.         super.addView(wrapChild(child), width, height);
  134.     }
  136.     public void addView(View child, int index, LayoutParams params) {
  137.         super.addView(wrapChild(child), index, params);
  138.     }
  140.     @Override
  141.     public boolean onInterceptTouchEvent(MotionEvent arg0) {
  142.         return mEnabled ? super.onInterceptTouchEvent(arg0) : false;
  143.     }
  145.     private State mState;
  146.     private int oldPage;
  148.     private View mLeft;
  149.     private View mRight;
  150.     private float mRot;
  151.     private float mTrans;
  152.     private float mScale;
  154.         public enum TransitionEffect {
  155.         Standard, Tablet, CubeIn, CubeOut, FlipVertical, FlipHorizontal, Stack, ZoomIn, ZoomOut, RotateUp, RotateDown, Accordion
  156.         //这些都是代表当前的图片是那张
  157.     }
  159.     private void logState(View v, String title) {
  160.         Log.v(TAG,
  161.                 title + ": ROT (" + ViewHelper.getRotation(v) + ", "
  162.                         + ViewHelper.getRotationX(v) + ", "
  163.                         + ViewHelper.getRotationY(v) + "), TRANS ("
  164.                         + ViewHelper.getTranslationX(v) + ", "
  165.                         + ViewHelper.getTranslationY(v) + "), SCALE ("
  166.                         + ViewHelper.getScaleX(v) + ", "
  167.                         + ViewHelper.getScaleY(v) + "), ALPHA "
  168.                         + ViewHelper.getAlpha(v));
  169.     }
  171.     protected void animateScroll(int position, float positionOffset) {
  172.         if (mState != State.IDLE) {
  173.             mRot = (float) (1 - Math.cos(2 * Math.PI * positionOffset)) / 2 * 30.0f;
  174.             ViewHelper.setRotationY(this, mState == State.GOING_RIGHT ? mRot
  175.                     : -mRot);
  176.             ViewHelper.setPivotX(this, getMeasuredWidth() * 0.5f);
  177.             ViewHelper.setPivotY(this, getMeasuredHeight() * 0.5f);
  178.         }
  179.     }
  181.     protected void animateTablet(View left, View right, float positionOffset) {
  182.         if (mState != State.IDLE) {
  183.             if (left != null) {
  184.                 mRot = 30.0f * positionOffset;
  185.                 mTrans = getOffsetXForRotation(mRot, left.getMeasuredWidth(),
  186.                         left.getMeasuredHeight());
  187.                 ViewHelper.setPivotX(left, left.getMeasuredWidth() / 2);
  188.                 ViewHelper.setPivotY(left, left.getMeasuredHeight() / 2);
  189.                 ViewHelper.setTranslationX(left, mTrans);
  190.                 ViewHelper.setRotationY(left, mRot);
  191.                 logState(left, "Left");
  192.             }
  193.             if (right != null) {
  194.                 mRot = -30.0f * (1 - positionOffset);
  195.                 mTrans = getOffsetXForRotation(mRot, right.getMeasuredWidth(),
  196.                         right.getMeasuredHeight());
  197.                 ViewHelper.setPivotX(right, right.getMeasuredWidth() * 0.5f);
  198.                 ViewHelper.setPivotY(right, right.getMeasuredHeight() * 0.5f);
  199.                 ViewHelper.setTranslationX(right, mTrans);
  200.                 ViewHelper.setRotationY(right, mRot);
  201.                 logState(right, "Right");
  202.             }
  203.         }
  204.     }
  206.     private void animateCube(View left, View right, float positionOffset,
  207.             boolean in) {
  208.         if (mState != State.IDLE) {
  209.             if (left != null) {
  210.                 mRot = (in ? 90.0f : -90.0f) * positionOffset;
  211.                 ViewHelper.setPivotX(left, left.getMeasuredWidth());
  212.                 ViewHelper.setPivotY(left, left.getMeasuredHeight() * 0.5f);
  213.                 ViewHelper.setRotationY(left, mRot);
  214.             }
  215.             if (right != null) {
  216.                 mRot = -(in ? 90.0f : -90.0f) * (1 - positionOffset);
  217.                 ViewHelper.setPivotX(right, 0);
  218.                 ViewHelper.setPivotY(right, right.getMeasuredHeight() * 0.5f);
  219.                 ViewHelper.setRotationY(right, mRot);
  220.             }
  221.         }
  222.     }
  224.     private void animateAccordion(View left, View right, float positionOffset) {
  225.         if (mState != State.IDLE) {
  226.             if (left != null) {
  227.                 ViewHelper.setPivotX(left, left.getMeasuredWidth());
  228.                 ViewHelper.setPivotY(left, 0);
  229.                 ViewHelper.setScaleX(left, 1 - positionOffset);
  230.             }
  231.             if (right != null) {
  232.                 ViewHelper.setPivotX(right, 0);
  233.                 ViewHelper.setPivotY(right, 0);
  234.                 ViewHelper.setScaleX(right, positionOffset);
  235.             }
  236.         }
  237.     }
  239.     private void animateZoom(View left, View right, float positionOffset,
  240.             boolean in) {
  241.         if (mState != State.IDLE) {
  242.             if (left != null) {
  243.                 mScale = in ? ZOOM_MAX + (1 - ZOOM_MAX) * (1 - positionOffset)
  244.                         : 1 + ZOOM_MAX - ZOOM_MAX * (1 - positionOffset);
  245.                 ViewHelper.setPivotX(left, left.getMeasuredWidth() * 0.5f);
  246.                 ViewHelper.setPivotY(left, left.getMeasuredHeight() * 0.5f);
  247.                 ViewHelper.setScaleX(left, mScale);
  248.                 ViewHelper.setScaleY(left, mScale);
  249.             }
  250.             if (right != null) {
  251.                 mScale = in ? ZOOM_MAX + (1 - ZOOM_MAX) * positionOffset : 1
  252.                         + ZOOM_MAX - ZOOM_MAX * positionOffset;
  253.                 ViewHelper.setPivotX(right, right.getMeasuredWidth() * 0.5f);
  254.                 ViewHelper.setPivotY(right, right.getMeasuredHeight() * 0.5f);
  255.                 ViewHelper.setScaleX(right, mScale);
  256.                 ViewHelper.setScaleY(right, mScale);
  257.             }
  258.         }
  259.     }
  261.     private void animateRotate(View left, View right, float positionOffset,
  262.             boolean up) {
  263.         if (mState != State.IDLE) {
  264.             if (left != null) {
  265.                 mRot = (up ? 1 : -1) * (ROT_MAX * positionOffset);
  266.                 mTrans = (up ? -1 : 1)
  267.                         * (float) (getMeasuredHeight() - getMeasuredHeight()
  268.                                 * Math.cos(mRot * Math.PI / 180.0f));
  269.                 ViewHelper.setPivotX(left, left.getMeasuredWidth() * 0.5f);
  270.                 ViewHelper.setPivotY(left, up ? 0 : left.getMeasuredHeight());
  271.                 ViewHelper.setTranslationY(left, mTrans);
  272.                 ViewHelper.setRotation(left, mRot);
  273.             }
  274.             if (right != null) {
  275.                 mRot = (up ? 1 : -1) * (-ROT_MAX + ROT_MAX * positionOffset);
  276.                 mTrans = (up ? -1 : 1)
  277.                         * (float) (getMeasuredHeight() - getMeasuredHeight()
  278.                                 * Math.cos(mRot * Math.PI / 180.0f));
  279.                 ViewHelper.setPivotX(right, right.getMeasuredWidth() * 0.5f);
  280.                 ViewHelper.setPivotY(right, up ? 0 : right.getMeasuredHeight());
  281.                 ViewHelper.setTranslationY(right, mTrans);
  282.                 ViewHelper.setRotation(right, mRot);
  283.             }
  284.         }
  285.     }
  287.     private void animateFlipHorizontal(View left, View right,
  288.             float positionOffset, int positionOffsetPixels) {
  289.         if (mState != State.IDLE) {
  290.             if (left != null) {
  291.                 mRot = 180.0f * positionOffset;
  292.                 if (mRot > 90.0f) {
  293.                     left.setVisibility(View.INVISIBLE);
  294.                 } else {
  295.                     if (left.getVisibility() == View.INVISIBLE)
  296.                         left.setVisibility(View.VISIBLE);
  297.                     mTrans = positionOffsetPixels;
  298.                     ViewHelper.setPivotX(left, left.getMeasuredWidth() * 0.5f);
  299.                     ViewHelper.setPivotY(left, left.getMeasuredHeight() * 0.5f);
  300.                     ViewHelper.setTranslationX(left, mTrans);
  301.                     ViewHelper.setRotationY(left, mRot);
  302.                 }
  303.             }
  304.             if (right != null) {
  305.                 mRot = -180.0f * (1 - positionOffset);
  306.                 if (mRot < -90.0f) {
  307.                     right.setVisibility(View.INVISIBLE);
  308.                 } else {
  309.                     if (right.getVisibility() == View.INVISIBLE)
  310.                         right.setVisibility(View.VISIBLE);
  311.                     mTrans = -getWidth() - getPageMargin()
  312.                             + positionOffsetPixels;
  313.                     ViewHelper
  314.                             .setPivotX(right, right.getMeasuredWidth() * 0.5f);
  315.                     ViewHelper.setPivotY(right,
  316.                             right.getMeasuredHeight() * 0.5f);
  317.                     ViewHelper.setTranslationX(right, mTrans);
  318.                     ViewHelper.setRotationY(right, mRot);
  319.                 }
  320.             }
  321.         }
  322.     }
  324.     private void animateFlipVertical(View left, View right,
  325.             float positionOffset, int positionOffsetPixels) {
  326.         if (mState != State.IDLE) {
  327.             if (left != null) {
  328.                 mRot = 180.0f * positionOffset;
  329.                 if (mRot > 90.0f) {
  330.                     left.setVisibility(View.INVISIBLE);
  331.                 } else {
  332.                     if (left.getVisibility() == View.INVISIBLE)
  333.                         left.setVisibility(View.VISIBLE);
  334.                     mTrans = positionOffsetPixels;
  335.                     ViewHelper.setPivotX(left, left.getMeasuredWidth() * 0.5f);
  336.                     ViewHelper.setPivotY(left, left.getMeasuredHeight() * 0.5f);
  337.                     ViewHelper.setTranslationX(left, mTrans);
  338.                     ViewHelper.setRotationX(left, mRot);
  339.                 }
  340.             }
  341.             if (right != null) {
  342.                 mRot = -180.0f * (1 - positionOffset);
  343.                 if (mRot < -90.0f) {
  344.                     right.setVisibility(View.INVISIBLE);
  345.                 } else {
  346.                     if (right.getVisibility() == View.INVISIBLE)
  347.                         right.setVisibility(View.VISIBLE);
  348.                     mTrans = -getWidth() - getPageMargin()
  349.                             + positionOffsetPixels;
  350.                     ViewHelper
  351.                             .setPivotX(right, right.getMeasuredWidth() * 0.5f);
  352.                     ViewHelper.setPivotY(right,
  353.                             right.getMeasuredHeight() * 0.5f);
  354.                     ViewHelper.setTranslationX(right, mTrans);
  355.                     ViewHelper.setRotationX(right, mRot);
  356.                 }
  357.             }
  358.         }
  359.     }
  361.     protected void animateStack(View left, View right, float positionOffset,
  362.             int positionOffsetPixels) {
  363.         if (mState != State.IDLE) {
  364.             if (right != null) {
  365.                 mScale = (1 - SCALE_MAX) * positionOffset + SCALE_MAX;
  366.                 mTrans = -getWidth() - getPageMargin() + positionOffsetPixels;
  367.                 ViewHelper.setScaleX(right, mScale);
  368.                 ViewHelper.setScaleY(right, mScale);
  369.                 ViewHelper.setTranslationX(right, mTrans);
  370.             }
  371.             if (left != null) {
  372.                 left.bringToFront();
  373.             }
  374.         }
  375.     }
  377.     private Matrix mMatrix = new Matrix();
  378.     private Camera mCamera = new Camera();
  379.     private float[] mTempFloat2 = new float[2];
  381.     protected float getOffsetXForRotation(float degrees, int width, int height) {
  382.         mMatrix.reset();
  383.         mCamera.save();
  384.         mCamera.rotateY(Math.abs(degrees));
  385.         mCamera.getMatrix(mMatrix);
  386.         mCamera.restore();
  388.         mMatrix.preTranslate(-width * 0.5f, -height * 0.5f);
  389.         mMatrix.postTranslate(width * 0.5f, height * 0.5f);
  390.         mTempFloat2[0] = width;
  391.         mTempFloat2[1] = height;
  392.         mMatrix.mapPoints(mTempFloat2);
  393.         return (width - mTempFloat2[0]) * (degrees > 0.0f ? 1.0f : -1.0f);
  394.     }
  396.     protected void animateFade(View left, View right, float positionOffset) {
  397.         if (left != null) {
  398.             ViewHelper.setAlpha(left, 1 - positionOffset);
  399.         }
  400.         if (right != null) {
  401.             ViewHelper.setAlpha(right, positionOffset);
  402.         }
  403.     }
  405.     protected void animateOutline(View left, View right) {
  406.         if (!(left instanceof OutlineContainer))
  407.             return;
  408.         if (mState != State.IDLE) {
  409.             if (left != null) {
  410.                 ((OutlineContainer) left).setOutlineAlpha(1.0f);
  411.             }
  412.             if (right != null) {
  413.                 ((OutlineContainer) right).setOutlineAlpha(1.0f);
  414.             }
  415.         } else {
  416.             if (left != null)
  417.                 ((OutlineContainer) left).start();
  418.             if (right != null)
  419.                 ((OutlineContainer) right).start();
  420.         }
  421.     }
  423.     @Override
  424.     public void onPageScrolled(int position, float positionOffset,
  425.             int positionOffsetPixels) {
  426.         if (mState == State.IDLE && positionOffset > 0) {
  427.             oldPage = getCurrentItem();
  428.             mState = position == oldPage ? State.GOING_RIGHT : State.GOING_LEFT;
  429.         }
  430.         boolean goingRight = position == oldPage;
  431.         if (mState == State.GOING_RIGHT && !goingRight)
  432.             mState = State.GOING_LEFT;
  433.         else if (mState == State.GOING_LEFT && goingRight)
  434.             mState = State.GOING_RIGHT;
  436.         float effectOffset = isSmall(positionOffset) ? 0 : positionOffset;
  438.         // mLeft = getChildAt(position);
  439.         // mRight = getChildAt(position+1);
  440.         mLeft = findViewFromObject(position);
  441.         mRight = findViewFromObject(position + 1);
  443.         if (mFadeEnabled)
  444.             animateFade(mLeft, mRight, effectOffset);
  445.         if (mOutlineEnabled)
  446.             animateOutline(mLeft, mRight);
  448.         switch (mEffect) {
  449.         case Standard:
  450.             break;
  451.         case Tablet:
  452.             animateTablet(mLeft, mRight, effectOffset);
  453.             break;
  454.         case CubeIn:
  455.             animateCube(mLeft, mRight, effectOffset, true);
  456.             break;
  457.         case CubeOut:
  458.             animateCube(mLeft, mRight, effectOffset, false);
  459.             break;
  460.         case FlipVertical:
  461.             animateFlipVertical(mLeft, mRight, positionOffset,
  462.                     positionOffsetPixels);
  463.             break;
  464.         case FlipHorizontal:
  465.             animateFlipHorizontal(mLeft, mRight, effectOffset,
  466.                     positionOffsetPixels);
  467.         case Stack:
  468.             animateStack(mLeft, mRight, effectOffset, positionOffsetPixels);
  469.             break;
  470.         case ZoomIn:
  471.             animateZoom(mLeft, mRight, effectOffset, true);
  472.             break;
  473.         case ZoomOut:
  474.             animateZoom(mLeft, mRight, effectOffset, false);
  475.             break;
  476.         case RotateUp:
  477.             animateRotate(mLeft, mRight, effectOffset, true);
  478.             break;
  479.         case RotateDown:
  480.             animateRotate(mLeft, mRight, effectOffset, false);
  481.             break;
  482.         case Accordion:
  483.             animateAccordion(mLeft, mRight, effectOffset);
  484.             break;
  485.         }
  487.         super.onPageScrolled(position, positionOffset, positionOffsetPixels);
  489.         if (effectOffset == 0) {
  490.             mState = State.IDLE;
  491.         }
  493.     }
  495.     private boolean isSmall(float positionOffset) {
  496.         return Math.abs(positionOffset) < 0.0001;
  497.     }
  499.     public void setObjectForPosition(Object obj, int position) {
  500.         mObjs.put(Integer.valueOf(position), obj);
  501.     }
  503.     public View findViewFromObject(int position) {
  504.         Object o = mObjs.get(Integer.valueOf(position));
  505.         if (o == null) {
  506.             return null;
  507.         }
  508.         PagerAdapter a = getAdapter();
  509.         View v;
  510.         for (int i = 0; i < getChildCount(); i++) {
  511.             v = getChildAt(i);
  512.             if (a.isViewFromObject(v, o))
  513.                 return v;
  514.         }
  515.         return null;
  516.     }
  518. }

R.array.jazzy_effects的资源文件：

  1. <string-array name="jazzy_effects">
  2.         <item>Standard</item>
  3.         <item>Tablet</item>
  4.         <item>CubeIn</item>
  5.         <item>CubeOut</item>
  6.         <item>FlipVertical</item>
  7.         <item>FlipHorizontal</item>
  8.         <item>Stack</item>
  9.         <item>ZoomIn</item>
  10.         <item>ZoomOut</item>
  11.         <item>RotateUp</item>
  12.         <item>RotateDown</item>
  13.         <item>Accordion</item>
  14.     </string-array>
  16. 现在开始初始化ViewPager：
  18. mHandler = new Handler(getMainLooper())
  19.         {
  21.             @Override
  22.             public void handleMessage(Message msg) {
  23.                 super.handleMessage(msg);
  24.                 switch (msg.what) {
  25.                 case 1:
  26.                     int index = mViewPager.getCurrentItem();
  27.                     if (index == mImageUrls.size() - 1) {
  28.                         index = -1;
  29.                     }
  30.                     mViewPager.setCurrentItem(index + 1);
  31.                     mHandler.sendEmptyMessageDelayed(1,
  32.                             3000);
  33.                 }
  34.             }
  36.         };
  38. 该mHandler是继承自父类Handler，并且父类并未初始化它，只是做了一个声明，所以我们在onCreate()方法里初始化。但是如果不引用父类的handler的话，ViewPager每次在更换图片的时候就会报错，关于handler没有调用主线程的Looper或者没有调用Looper.parer()等。如果大家今后发现原因请与我分享，谢谢！
  39.     接着我们初始化数据了，就是说你准备在ViewPager里面加载几张照片：
  41. mImageUrl = "drawable://" + R.drawable.image01;
  42.         mImageUrls.add(mImageUrl);
  44.         mImageUrl = "drawable://" + R.drawable.image02;
  45.         mImageUrls.add(mImageUrl);
  47.         mImageUrl = "drawable://" + R.drawable.image03;
  48.         mImageUrls.add(mImageUrl);
  50.         mImageUrl = "drawable://" + R.drawable.image04;
  51.         mImageUrls.add(mImageUrl);
  53. 这里要记住，我们在ViewPager里面限定了最多是十二张，所以如果你需要加载的图片超过这个数的话，这里也需要做更改——
  55. public enum TransitionEffect {
  56.         Standard, Tablet, CubeIn, CubeOut, FlipVertical, FlipHorizontal, Stack, ZoomIn, ZoomOut, RotateUp, RotateDown, Accordion
  57.         //这些都是代表当前的图片是那张
  58.     }
  60. 接下来继续初始化ViewPager
  62. mViewPager = (JazzyViewPager)findViewById(R.id.jazzviewpager);
  63.     mIndicator = (LinearLayout) findViewById(R.id.index_LinearLayout);
  64.         mIndicators = new ImageView[mImageUrls.size()];
  65.         if (mImageUrls.size() <= 1) {
  66.             mIndicator.setVisibility(View.GONE);
  67.         }
  69.         for (int i = 0; i < mIndicators.length; i++) {
  70.             ImageView imageView = new ImageView(this);
  71.             LayoutParams params = new LayoutParams(0,
  72.                     LayoutParams.WRAP_CONTENT, 1.0f);
  73.             if (i != 0) {
  74.                 params.leftMargin = 5;
  75.             }
  76.             imageView.setLayoutParams(params);
  77.             mIndicators[i] = imageView;
  78.             if (i == 0) {
  79.                 mIndicators[i]
  80.                         .setBackgroundResource(R.drawable.android_activities_cur);
  81.             } else {
  82.                 mIndicators[i]
  83.                         .setBackgroundResource(R.drawable.android_activities_bg);
  84.             }
  86.             mIndicator.addView(imageView);
  87.         }
  89.         mImageViews = new ImageView[mImageUrls.size()];
  91.         for (int i = 0; i < mImageViews.length; i++) {
  92.             ImageView imageView = new ImageView(this);
  93.             imageView.setScaleType(ScaleType.CENTER_CROP);
  94.             mImageViews[i] = imageView;
  95.         }
  97.         mViewPager.setTransitionEffect(TransitionEffect.CubeOut);
  98.         mViewPager.setCurrentItem(0);
  99.         mHandler.sendEmptyMessageDelayed(1, 3000);
  100.         mViewPager.setAdapter(new MyAdapter());
  101.         mViewPager.setOnPageChangeListener(new MyPageChangeListener());
  102.         mViewPager.setOnTouchListener(new OnTouchListener() {
  104.             @Override
  105.             public boolean onTouch(View v, MotionEvent event) {
  106.                 // TODO Auto-generated method stub
  107.                 if (mImageUrls.size() == 0 || mImageUrls.size() == 1)
  108.                     return true;
  109.                 else
  110.                     return false;
  111.             }
  112.         });
  113.         /** * 当ViewPager中页面的状态发生改变时调用 * * @author Administrator * */
  114.     private class MyPageChangeListener implements OnPageChangeListener { 
  116.         /** * This method will be invoked when a new page becomes selected. * position: Position index of the new selected page. */
  117.         public void onPageSelected(int position) {
  118.             setImageBackground(position);
  119.         }
  121.         public void onPageScrollStateChanged(int arg0) {
  123.         }
  125.         public void onPageScrolled(int arg0, float arg1, int arg2) {
  127.         }
  128.     }
  130.     /** * 设置选中的tip的背景 * * @param selectItemsIndex */
  131.     private void setImageBackground(int selectItemsIndex) {
  132.         for (int i = 0; i < mIndicators.length; i++) {
  133.             if (i == selectItemsIndex) {
  134.                 mIndicators[i]
  135.                         .setBackgroundResource(R.drawable.android_activities_cur);
  136.             } else {
  137.                 mIndicators[i]
  138.                         .setBackgroundResource(R.drawable.android_activities_bg);
  139.             }
  140.         }
  141.     }
  143.     public class MyAdapter extends PagerAdapter { 
  145.         @Override
  146.         public int getCount() {
  147.             return mImageViews.length;
  148.         }
  150.         @Override
  151.         public boolean isViewFromObject(View view, Object obj) {
  152.             if (view instanceof OutlineContainer) {
  153.                 return ((OutlineContainer) view).getChildAt(0) == obj;
  154.             } else {
  155.                 return view == obj;
  156.             }
  157.         }
  159.         @Override
  160.         public void destroyItem(View container, int position, Object object) {
  161.             ((ViewPager) container).removeView(mViewPager
  162.                     .findViewFromObject(position));
  163.         }
  165.         @Override
  166.         public Object instantiateItem(View container, int position) {
  167.             ImageLoader.getInstance().displayImage(mImageUrls.get(position),
  168.                     mImageViews[position]);
  169.             ((ViewPager) container).addView(mImageViews[position], 0);
  170.             mViewPager.setObjectForPosition(mImageViews[position], position);
  171.             return mImageViews[position];
  172.         }
  174.     }
  176. 现在ViewPager就初始化好了，接着我们来看看这个Gallery
  177. 首先一样的准备好数据，
  179. mItemData = new IndexGalleryItemData();
  180.         mItemData.setId(1);
  181.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_01);
  182.         mItemData.setPrice("￥79.00");
  183.         mStormListData.add(mItemData);
  185.         mItemData = new IndexGalleryItemData();
  186.         mItemData.setId(2);
  187.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_02);
  188.         mItemData.setPrice("￥89.00");
  189.         mStormListData.add(mItemData);
  191.         mItemData = new IndexGalleryItemData();
  192.         mItemData.setId(3);
  193.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_03);
  194.         mItemData.setPrice("￥99.00");
  195.         mStormListData.add(mItemData);
  197.         mItemData = new IndexGalleryItemData();
  198.         mItemData.setId(4);
  199.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_04);
  200.         mItemData.setPrice("￥109.00");
  201.         mStormListData.add(mItemData);
  203.         mItemData = new IndexGalleryItemData();
  204.         mItemData.setId(5);
  205.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_05);
  206.         mItemData.setPrice("￥119.00");
  207.         mStormListData.add(mItemData);
  209.         mItemData = new IndexGalleryItemData();
  210.         mItemData.setId(6);
  211.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_06);
  212.         mItemData.setPrice("￥129.00");
  213.         mStormListData.add(mItemData);
  215.         mItemData = new IndexGalleryItemData();
  216.         mItemData.setId(7);
  217.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_07);
  218.         mItemData.setPrice("￥139.00");
  219.         mStormListData.add(mItemData);
  221.         mItemData = new IndexGalleryItemData();
  222.         mItemData.setId(8);
  223.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_08);
  224.         mItemData.setPrice("￥69.00");
  225.         mPromotionListData.add(mItemData);
  227.         mItemData = new IndexGalleryItemData();
  228.         mItemData.setId(9);
  229.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_09);
  230.         mItemData.setPrice("￥99.00");
  231.         mPromotionListData.add(mItemData);
  233.         mItemData = new IndexGalleryItemData();
  234.         mItemData.setId(10);
  235.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_10);
  236.         mItemData.setPrice("￥109.00");
  237.         mPromotionListData.add(mItemData);
  239.         mItemData = new IndexGalleryItemData();
  240.         mItemData.setId(11);
  241.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_11);
  242.         mItemData.setPrice("￥119.00");
  243.         mPromotionListData.add(mItemData);
  245.         mItemData = new IndexGalleryItemData();
  246.         mItemData.setId(12);
  247.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_12);
  248.         mItemData.setPrice("￥129.00");
  249.         mPromotionListData.add(mItemData);
  251.         mItemData = new IndexGalleryItemData();
  252.         mItemData.setId(13);
  253.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_13);
  254.         mItemData.setPrice("￥139.00");
  255.         mPromotionListData.add(mItemData);
  257.         mItemData = new IndexGalleryItemData();
  258.         mItemData.setId(14);
  259.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_14);
  260.         mItemData.setPrice("￥149.00");
  261.         mPromotionListData.add(mItemData);
  263. 然后初始化控件：
  265. mStormGallery = (Gallery) findViewById(R.id.index_testA_gallery);
  266.         mPromotionGallery = (Gallery) findViewById(R.id.index_testB_gallery);
  268. 然后设置Adapter：
  270. mStormAdapter = new IndexGalleryAdapter(this,
  271.                 R.layout.activity_index_gallery_item, mStormListData,
  272.                 new int[] { R.id.index_gallery_item_image,
  273.                         R.id.index_gallery_item_text });
  275.         mStormGallery.setAdapter(mStormAdapter);
  277.         mPromotionAdapter = new IndexGalleryAdapter(this,
  278.                 R.layout.activity_index_gallery_item, mPromotionListData,
  279.                 new int[] { R.id.index_gallery_item_image,
  280.                         R.id.index_gallery_item_text });
  282.         mPromotionGallery.setAdapter(mPromotionAdapter);
  284.         mStormGallery.setSelection(3);
  285.         mPromotionGallery.setSelection(3);
  287. 这个Adapter也是自定义的，
  289. package com.itau.jingdong.adapter;
  291. import java.util.List;
  293. import android.content.Context;
  294. import android.view.LayoutInflater;
  295. import android.view.View;
  296. import android.view.ViewGroup;
  297. import android.widget.BaseAdapter;
  298. import android.widget.ImageView;
  299. import android.widget.TextView;
  301. import com.itau.jingdong.entity.IndexGalleryItemData;
  302. import com.nostra13.universalimageloader.core.ImageLoader;
  304. public class IndexGalleryAdapter extends BaseAdapter { 
  306.     Context context;
  307.     int layoutId;
  308.     int to[];
  309.     List<IndexGalleryItemData> listData;
  311.     public IndexGalleryAdapter(Context context, int layoutId,
  312.             List<IndexGalleryItemData> listData, int to[]) {
  313.         this.context = context;
  314.         this.layoutId = layoutId;
  315.         this.listData = listData;
  316.         this.to = to;
  317.     }
  319.     @Override
  320.     public int getCount() {
  321.         // TODO Auto-generated method stub
  322.         return listData.size() == 0 ? 0 : listData.size();
  323.     }
  325.     @Override
  326.     public Object getItem(int position) {
  327.         // TODO Auto-generated method stub
  328.         return listData.get(position);
  329.     }
  331.     @Override
  332.     public long getItemId(int position) {
  333.         // TODO Auto-generated method stub
  334.         return position;
  335.     }
  337.     @Override
  338.     public View getView(int position, View convertView, ViewGroup parent) {
  339.         // TODO Auto-generated method stub
  340.         ViewHolder viewHolder;
  341.         final int pos = position;
  342.         if (convertView == null) {
  343.             LayoutInflater inflater = (LayoutInflater) context
  344.                     .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  345.             convertView = inflater.inflate(layoutId, parent, false);
  346.             viewHolder = new ViewHolder();
  347.             viewHolder.imageView = (ImageView) convertView.findViewById(to[0]);
  348.             viewHolder.textView = (TextView) convertView.findViewById(to[1]);
  349.             convertView.setTag(viewHolder);
  350.         } else {
  351.             viewHolder = (ViewHolder) convertView.getTag();
  352.             resetViewHolder(viewHolder);
  353.         }
  355.         ImageLoader.getInstance().displayImage(listData.get(pos).getImageUrl(),
  356.                 viewHolder.imageView);
  358.         viewHolder.textView.setText(listData.get(pos).getPrice());
  360.         return convertView;
  361.     }
  363.     static class ViewHolder {
  364.         ImageView imageView;
  365.         TextView textView;
  366.     }
  368.     protected void resetViewHolder(ViewHolder viewHolder) {
  369.         viewHolder.imageView.setImageBitmap(null);
  370.         viewHolder.textView.setText("");
  371.     }
  372. }

后这样就可以实现我们要的效果了！
这里写图片描述
关于ViewPager里面图片自动播放的时候动画可以自己在自定义ViewPager里面更改
最后贴上java全部代码：

  1. package com.itau.jingdong;
  3. import java.util.ArrayList;
  4. import java.util.List;
  6. import com.itau.jingdong.adapter.IndexGalleryAdapter;
  7. import com.itau.jingdong.entity.IndexGalleryItemData;
  8. import com.itau.jingdong.ui.base.BaseActivity;
  9. import com.itau.jingdong.widgets.jazzviewpager.JazzyViewPager;
  10. import com.itau.jingdong.widgets.jazzviewpager.JazzyViewPager.TransitionEffect;
  11. import com.itau.jingdong.widgets.jazzviewpager.OutlineContainer;
  12. import com.nostra13.universalimageloader.core.ImageLoader;
  14. import android.os.Bundle;
  15. import android.os.Handler;
  16. import android.os.Message;
  17. import android.support.v4.view.PagerAdapter;
  18. import android.support.v4.view.ViewPager;
  19. import android.support.v4.view.ViewPager.OnPageChangeListener;
  20. import android.util.Log;
  21. import android.view.MotionEvent;
  22. import android.view.View;
  23. import android.view.View.OnTouchListener;
  24. import android.widget.Gallery;
  25. import android.widget.ImageView;
  26. import android.widget.ImageView.ScaleType;
  27. import android.widget.LinearLayout;
  28. import android.widget.LinearLayout.LayoutParams;
  30. public class TestActivity extends BaseActivity { 
  32.     private JazzyViewPager mViewPager;
  33.     private LinearLayout mIndicator;
  34.     private List<String> mImageUrls = new ArrayList<String>();
  35.     private String mImageUrl = null;
  36.     /** * 装指引的ImageView数组 */
  37.     private ImageView[] mIndicators;
  38.     /** * 装ViewPager中ImageView的数组 */
  39.     private ImageView[] mImageViews;
  42.     // ============== 广告切换 ===================
  44.     private Gallery mStormGallery = null;
  45.     private Gallery mPromotionGallery = null;
  46.     private IndexGalleryAdapter mStormAdapter = null;
  47.     private IndexGalleryAdapter mPromotionAdapter = null;
  48.     private List<IndexGalleryItemData> mStormListData = new ArrayList<IndexGalleryItemData>();
  49.     private List<IndexGalleryItemData> mPromotionListData = new ArrayList<IndexGalleryItemData>();
  50.     private IndexGalleryItemData mItemData = null;
  52.     @Override
  53.     protected void onCreate(Bundle savedInstanceState) {
  54.         super.onCreate(savedInstanceState);
  55.         setContentView(R.layout.activity_test);
  57.         mHandler = new Handler(getMainLooper())
  58.         {
  60.             @Override
  61.             public void handleMessage(Message msg) {
  62.                 super.handleMessage(msg);
  63.                 switch (msg.what) {
  64.                 case 1:
  65.                     int index = mViewPager.getCurrentItem();
  66.                     if (index == mImageUrls.size() - 1) {
  67.                         index = -1;
  68.                     }
  69.                     mViewPager.setCurrentItem(index + 1);
  70.                     mHandler.sendEmptyMessageDelayed(1,
  71.                             3000);
  72.                 }
  73.             }
  75.         };
  76.         initData();
  77.         mViewPager = (JazzyViewPager)findViewById(R.id.jazzviewpager);
  78.         mIndicator = (LinearLayout) findViewById(R.id.index_LinearLayout);
  79.         mStormGallery = (Gallery) findViewById(R.id.index_testA_gallery);
  80.         mPromotionGallery = (Gallery) findViewById(R.id.index_testB_gallery);
  81.         mIndicators = new ImageView[mImageUrls.size()];
  82.         if (mImageUrls.size() <= 1) {
  83.             mIndicator.setVisibility(View.GONE);
  84.         }
  86.         for (int i = 0; i < mIndicators.length; i++) {
  87.             ImageView imageView = new ImageView(this);
  88.             LayoutParams params = new LayoutParams(0,
  89.                     LayoutParams.WRAP_CONTENT, 1.0f);
  90.             if (i != 0) {
  91.                 params.leftMargin = 5;
  92.             }
  93.             imageView.setLayoutParams(params);
  94.             mIndicators[i] = imageView;
  95.             if (i == 0) {
  96.                 mIndicators[i]
  97.                         .setBackgroundResource(R.drawable.android_activities_cur);
  98.             } else {
  99.                 mIndicators[i]
  100.                         .setBackgroundResource(R.drawable.android_activities_bg);
  101.             }
  103.             mIndicator.addView(imageView);
  104.         }
  106.         mImageViews = new ImageView[mImageUrls.size()];
  108.         for (int i = 0; i < mImageViews.length; i++) {
  109.             ImageView imageView = new ImageView(this);
  110.             imageView.setScaleType(ScaleType.CENTER_CROP);
  111.             mImageViews[i] = imageView;
  112.         }
  114.         mViewPager.setTransitionEffect(TransitionEffect.CubeOut);
  115.         mViewPager.setCurrentItem(0);
  116.         mHandler.sendEmptyMessageDelayed(1, 3000);
  117.         mViewPager.setAdapter(new MyAdapter());
  118.         mViewPager.setOnPageChangeListener(new MyPageChangeListener());
  119.         mViewPager.setOnTouchListener(new OnTouchListener() {
  121.             @Override
  122.             public boolean onTouch(View v, MotionEvent event) {
  123.                 // TODO Auto-generated method stub
  124.                 if (mImageUrls.size() == 0 || mImageUrls.size() == 1)
  125.                     return true;
  126.                 else
  127.                     return false;
  128.             }
  129.         });
  131.         mStormAdapter = new IndexGalleryAdapter(this,
  132.                 R.layout.activity_index_gallery_item, mStormListData,
  133.                 new int[] { R.id.index_gallery_item_image,
  134.                         R.id.index_gallery_item_text });
  136.         mStormGallery.setAdapter(mStormAdapter);
  138.         mPromotionAdapter = new IndexGalleryAdapter(this,
  139.                 R.layout.activity_index_gallery_item, mPromotionListData,
  140.                 new int[] { R.id.index_gallery_item_image,
  141.                         R.id.index_gallery_item_text });
  143.         mPromotionGallery.setAdapter(mPromotionAdapter);
  145.         mStormGallery.setSelection(3);
  146.         mPromotionGallery.setSelection(3);
  148.     }
  151.     private void initData() {
  152.         mImageUrl = "drawable://" + R.drawable.image01;
  153.         mImageUrls.add(mImageUrl);
  155.         mImageUrl = "drawable://" + R.drawable.image02;
  156.         mImageUrls.add(mImageUrl);
  158.         mImageUrl = "drawable://" + R.drawable.image03;
  159.         mImageUrls.add(mImageUrl);
  161.         mImageUrl = "drawable://" + R.drawable.image04;
  162.         mImageUrls.add(mImageUrl);
  164. // mImageUrl = "drawable://" + R.drawable.image05;
  165. // mImageUrls.add(mImageUrl);
  166. //
  167. // mImageUrl = "drawable://" + R.drawable.image06;
  168. // mImageUrls.add(mImageUrl);
  169. //
  170. // mImageUrl = "drawable://" + R.drawable.image07;
  171. // mImageUrls.add(mImageUrl);
  172. //
  173. // mImageUrl = "drawable://" + R.drawable.image08;
  174. // mImageUrls.add(mImageUrl);
  176.         mItemData = new IndexGalleryItemData();
  177.         mItemData.setId(1);
  178.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_01);
  179.         mItemData.setPrice("￥79.00");
  180.         mStormListData.add(mItemData);
  182.         mItemData = new IndexGalleryItemData();
  183.         mItemData.setId(2);
  184.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_02);
  185.         mItemData.setPrice("￥89.00");
  186.         mStormListData.add(mItemData);
  188.         mItemData = new IndexGalleryItemData();
  189.         mItemData.setId(3);
  190.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_03);
  191.         mItemData.setPrice("￥99.00");
  192.         mStormListData.add(mItemData);
  194.         mItemData = new IndexGalleryItemData();
  195.         mItemData.setId(4);
  196.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_04);
  197.         mItemData.setPrice("￥109.00");
  198.         mStormListData.add(mItemData);
  200.         mItemData = new IndexGalleryItemData();
  201.         mItemData.setId(5);
  202.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_05);
  203.         mItemData.setPrice("￥119.00");
  204.         mStormListData.add(mItemData);
  206.         mItemData = new IndexGalleryItemData();
  207.         mItemData.setId(6);
  208.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_06);
  209.         mItemData.setPrice("￥129.00");
  210.         mStormListData.add(mItemData);
  212.         mItemData = new IndexGalleryItemData();
  213.         mItemData.setId(7);
  214.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_07);
  215.         mItemData.setPrice("￥139.00");
  216.         mStormListData.add(mItemData);
  218.         mItemData = new IndexGalleryItemData();
  219.         mItemData.setId(8);
  220.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_08);
  221.         mItemData.setPrice("￥69.00");
  222.         mPromotionListData.add(mItemData);
  224.         mItemData = new IndexGalleryItemData();
  225.         mItemData.setId(9);
  226.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_09);
  227.         mItemData.setPrice("￥99.00");
  228.         mPromotionListData.add(mItemData);
  230.         mItemData = new IndexGalleryItemData();
  231.         mItemData.setId(10);
  232.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_10);
  233.         mItemData.setPrice("￥109.00");
  234.         mPromotionListData.add(mItemData);
  236.         mItemData = new IndexGalleryItemData();
  237.         mItemData.setId(11);
  238.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_11);
  239.         mItemData.setPrice("￥119.00");
  240.         mPromotionListData.add(mItemData);
  242.         mItemData = new IndexGalleryItemData();
  243.         mItemData.setId(12);
  244.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_12);
  245.         mItemData.setPrice("￥129.00");
  246.         mPromotionListData.add(mItemData);
  248.         mItemData = new IndexGalleryItemData();
  249.         mItemData.setId(13);
  250.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_13);
  251.         mItemData.setPrice("￥139.00");
  252.         mPromotionListData.add(mItemData);
  254.         mItemData = new IndexGalleryItemData();
  255.         mItemData.setId(14);
  256.         mItemData.setImageUrl("drawable://" + R.drawable.index_gallery_14);
  257.         mItemData.setPrice("￥149.00");
  258.         mPromotionListData.add(mItemData);
  259.         }
  262.     /** * 当ViewPager中页面的状态发生改变时调用 * * @author Administrator * */
  263.     private class MyPageChangeListener implements OnPageChangeListener { 
  265.         /** * This method will be invoked when a new page becomes selected. * position: Position index of the new selected page. */
  266.         public void onPageSelected(int position) {
  267.             setImageBackground(position);
  268.         }
  270.         public void onPageScrollStateChanged(int arg0) {
  272.         }
  274.         public void onPageScrolled(int arg0, float arg1, int arg2) {
  276.         }
  277.     }
  279.     /** * 设置选中的tip的背景 * * @param selectItemsIndex */
  280.     private void setImageBackground(int selectItemsIndex) {
  281.         for (int i = 0; i < mIndicators.length; i++) {
  282.             if (i == selectItemsIndex) {
  283.                 mIndicators[i]
  284.                         .setBackgroundResource(R.drawable.android_activities_cur);
  285.             } else {
  286.                 mIndicators[i]
  287.                         .setBackgroundResource(R.drawable.android_activities_bg);
  288.             }
  289.         }
  290.     }
  292.     public class MyAdapter extends PagerAdapter { 
  294.         @Override
  295.         public int getCount() {
  296.             return mImageViews.length;
  297.         }
  299.         @Override
  300.         public boolean isViewFromObject(View view, Object obj) {
  301.             if (view instanceof OutlineContainer) {
  302.                 return ((OutlineContainer) view).getChildAt(0) == obj;
  303.             } else {
  304.                 return view == obj;
  305.             }
  306.         }
  308.         @Override
  309.         public void destroyItem(View container, int position, Object object) {
  310.             ((ViewPager) container).removeView(mViewPager
  311.                     .findViewFromObject(position));
  312.         }
  314.         @Override
  315.         public Object instantiateItem(View container, int position) {
  316.             ImageLoader.getInstance().displayImage(mImageUrls.get(position),
  317.                     mImageViews[position]);
  318.             ((ViewPager) container).addView(mImageViews[position], 0);
  319.             mViewPager.setObjectForPosition(mImageViews[position], position);
  320.             return mImageViews[position];
  321.         }
  323.     }
  325.     @Override
  326.     protected void findViewById() {
  327.         // TODO Auto-generated method stub
  329.     }
  331.     @Override
  332.     protected void initView() {
  333.         // TODO Auto-generated method stub
  335.     }
  336. }

布局文件：

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.itau.jingdong.TestActivity" >
  4.      <com.itau.jingdong.widgets.jazzviewpager.JazzyViewPager android:id="@+id/jazzviewpager" android:layout_width="match_parent" android:layout_height="300dp" android:background="@color/white" />
  6.      <LinearLayout android:id="@+id/index_LinearLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/white" android:orientation="horizontal" />
  8.      <Gallery android:id="@+id/index_testA_gallery" android:layout_width="match_parent" android:layout_height="@dimen/index_gallery_height" android:layout_marginBottom="15dp" android:spacing="10dp" />
  9.      <Gallery android:id="@+id/index_testB_gallery" android:layout_width="match_parent" android:layout_height="@dimen/index_gallery_height" android:layout_marginBottom="35dp" android:spacing="10dp" />
  10. </LinearLayout>

发表评论

表情：
评论列表 （有 0 条评论，251人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Android——仿京东秒杀

    效果图： ![Center][] 京东秒杀是两个小时一个场次，判断本机的时间进行场次定时，然后在这两个小时里面进行倒计时。 MainActivity   im

    朱雀朱雀/ 0 赞/ 285 阅读

    相关 js 仿京东放大镜

    功能模块 1. 整个案例可以分为三个功能模块 2. 鼠标经过小图片盒子， 黄色的遮挡层 和 大图片盒子显示，离开隐藏2个盒子功能 3. 黄色的遮挡层跟随鼠标功能。 4.

    ￡神魔★判官ぃ￡神魔★判官ぃ/ 0 赞/ 532 阅读