ViewFlipper 简单应用

AdvserView.java

package com.earen.viewflipper;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.util.AttributeSet;

import android.view.Gravity;

import android.view.MotionEvent;

import android.view.animation.Animation;

import android.view.animation.TranslateAnimation;

import android.widget.FrameLayout;

import android.widget.ImageView;

import android.widget.LinearLayout;

import android.widget.ViewFlipper;

public class AdvserView extends FrameLayout {

 　　/** 当前索引值.默认第一张图片被选中 */  

　　private int _CurrentIndex = 0;   

　　/** 上下文对象 */  

　　private Context _Context;   

　　/**  点击屏幕的 X 左边值(触摸屏,告知绝对X屏幕位置接触点的中心区域。单位:像素。) */  

　　private float _startX;   

　　/**  设备的宽度 */  

　　private int _DisplayWidth;   

　　/**  从左到右进入的动画 */  

　　private Animation _Left2RightInAnimation;   

　　/**  从左到右出去动画 */  

　　private Animation _Left2RightOutAnimation;   

　　/**  从右到左进入动画 */  

　　private Animation _Right2LeftInAnimation; 

　　/**  从右到左出去动画 */  

　　private Animation _Right2LeftOutAnimation;   

　　/**  动画持续时间 */  

　　private long _duration = 1000; 

　　/**  ViewFlipper 控件 图片的容器 */  

　　private ViewFlipper _ViewFlipper;   

　　/**  屏幕上方动态生成点的容器(用于表示图片总数，和提示当前所查看的图片位置) */  

　　private LinearLayout _TopTipLinearLayout;   

　　/**  默认点的 Bitmap 对象 */  

　　private Bitmap _PointNormalBitmap;   

　　/**  被选中的点的 Bitmap 对象 */  

　　private Bitmap _PointSelectedBitmap;   

　　/**  图片的资源  */  

　　private int[] _imgResource = {R.drawable.image1,

　　　　　　                                 R.drawable.image2,                         

　　　　　　　　　　　　　　　　　  R.drawable.image3, 

                                                  R.drawable.image4,

                                                  R.drawable.image5,

                                                  R.drawable.image6};

　　public AdvserView(Context context) {

　　   super(context);

　　   setupViews();

     }

　　public AdvserView(Context context,AttributeSet attr) {

          super(context,attr);

          setupViews();

      }

 　　/** 装载 视图 控件*/  

　　private void setupViews() {

　　　　 _Context = getContext();     // 获取上下文对象   

　　　　 _DisplayWidth = getResources().getDisplayMetrics().widthPixels;  // 获取设备屏幕宽度(单位：像素)  

　　 　   _ViewFlipper = new ViewFlipper(_Context);             // 创建 ViewFlipper 控件对象      

　　　　 _TopTipLinearLayout = new LinearLayout(_Context);  // 创建 LinearLayout 线性布局控件对象   

　　　　 _TopTipLinearLayout.setGravity(Gravity.CENTER_HORIZONTAL);

            _PointNormalBitmap =BitmapFactory.decodeResource(getResources(), R.drawable.point_normal);  

            _PointSelectedBitmap =BitmapFactory.decodeResource(getResources(), R.drawable.point_selected);

            // 添加 图片指定的图片资源到 ViewFlipper 对象中   

　　　　for (int i = 0; i < _imgResource.length; i++) {

　　　　    ImageView imageView = new ImageView(_Context);

　　　　    imageView.setImageResource(_imgResource[i]);    _ViewFlipper.addView(imageView);

　　　  }

           // 为 _TopTipLinearLayout 对象添加 表示图片显示的点情况   

　　　　for (int i = 0; i < _imgResource.length; i++) {

　　　　　 ImageView imageView = new ImageView(_Context);

               if (i==0) { // 默认第一个为选中情况下的图片     

　　                imageView.setImageBitmap(_PointSelectedBitmap);

               }else {

　　　　　　    imageView.setImageBitmap(_PointNormalBitmap);

　　　　   }

               _TopTipLinearLayout.addView(imageView);

           }

　　      addView(_ViewFlipper);

　　      addView(_TopTipLinearLayout);

           //初始化动画.

            _Left2RightInAnimation = new TranslateAnimation(-_DisplayWidth, 0, 0, 0);

            _Left2RightInAnimation.setDuration(_duration);

            _Left2RightOutAnimation = new TranslateAnimation(0, _DisplayWidth, 0, 0);

            _Left2RightOutAnimation.setDuration(_duration);

            _Right2LeftInAnimation = new TranslateAnimation(_DisplayWidth, 0, 0, 0);

            _Right2LeftInAnimation.setDuration(_duration);

            _Right2LeftOutAnimation = new TranslateAnimation(0, -_DisplayWidth, 0, 0);

            _Right2LeftOutAnimation.setDuration(_duration); 

 　 } 

　　@Override

      public boolean onTouchEvent(MotionEvent event) {

          switch (event.getAction()) {

　　           case MotionEvent.ACTION_DOWN:    // 手指按下

　　　　             _startX = event.getX(); 

                        break;

                 case MotionEvent.ACTION_UP:      // 手指弹起

                        /** 最后一个被选中的 图片视图控件 ，即当前看到的图片视图控件 */

                        ImageView lastSellectedImageView  = (ImageView)_TopTipLinearLayout.getChildAt(_CurrentIndex);

                        //判断左右滑动切换图片. 

                        if(event.getX() > _startX){  //  从左向右滑动

                              _ViewFlipper.setInAnimation(_Left2RightInAnimation);

                              _ViewFlipper.setOutAnimation(_Left2RightOutAnimation);

                              _ViewFlipper.showNext();

                              _CurrentIndex--;

                              if(_CurrentIndex < 0){

                                     _CurrentIndex = _imgResource.length -1;

                               }

                        }else if(event.getX() < _startX){  //  从右向左滑动

　　                       _ViewFlipper.setInAnimation(_Right2LeftInAnimation);

                             _ViewFlipper.setOutAnimation(_Right2LeftOutAnimation);

                             _ViewFlipper.showPrevious(); 

                             _CurrentIndex++;

                             if(_CurrentIndex > _imgResource.length -1){

                                   _CurrentIndex = 0;

                              }

                        }

                        // 设置 标识 图片位置的  点 图标

                        ImageView imageview = (ImageView)_TopTipLinearLayout.getChildAt(_CurrentIndex);

                        imageview.setImageBitmap(_PointSelectedBitmap); 

                        lastSellectedImageView.setImageBitmap(_PointNormalBitmap);

                        break;

                 default:

                        break;

             }

             return true;

      } 

}

 

MainActivity.java

package com.earen.viewflipper;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.Window;

public class MainActivity extends Activity {

 　 @Override  

　　protected void onCreate(Bundle savedInstanceState) {

　　　　super.onCreate(savedInstanceState);

　　     //setContentView(R.layout.activity_main);

           // 不显示标题栏(须在 setContentView之前使用方能生效)

           requestWindowFeature(Window.FEATURE_NO_TITLE);

           setContentView(new AdvserView(this));　　

　　}

 　  @Override  

　　public boolean onCreateOptionsMenu(Menu menu) {

　　　　 // Inflate the menu; this adds items to the action bar if it is present.

　　      //getMenuInflater().inflate(R.menu.main, menu);

            return true;

      }

}

最终效果：