摇一摇的实现

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Haihao_micro/article/details/52067060

模拟微信摇一摇的动画效果和震动。分三布来实现：

1 布局xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="#111"
    >

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_centerInParent="true" >

        <!-- 这里我们让那葵花图片居中 -->   
        <ImageView
            android:id="@+id/shakeBg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"        
            android:src="@drawable/shakehideimg_man2" />



        <!-- 然后手的上半部分和下半部分覆盖原来的葵花照片，同样也是居中显示-->
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:orientation="vertical" >

            <RelativeLayout
                android:id="@+id/shakeImgUp"   
                android:layout_width="fill_parent"
                android:layout_height="190dp"               
                android:background="#111">              

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentBottom="true"
                    android:layout_centerHorizontal="true"
                    android:src="@drawable/shake_logo_up" />

            </RelativeLayout>
            <RelativeLayout
                android:id="@+id/shakeImgDown"
                android:layout_width="fill_parent"
                android:layout_height="190dp"               
                android:background="#111">              
                <ImageView                  
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerHorizontal="true"                              
                    android:src="@drawable/shake_logo_down"
                     />                
            </RelativeLayout>   
        </LinearLayout>
    </RelativeLayout>

    <RelativeLayout 
        android:id="@+id/shake_title_bar" 
        android:layout_width="fill_parent"
        android:layout_height="45dp"
        android:background="@drawable/title_bar"
        android:gravity="center_vertical"  >
            <Button
                android:layout_width="70dp"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:text="返回"
                android:textSize="14sp"
                android:textColor="#fff"
                android:onClick="shake_activity_back"
                android:background="@drawable/title_btn_back"/>  
            <TextView
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:text="摇一摇"
                android:layout_centerInParent="true"
                android:textSize="20sp"     
                android:textColor="#ffffff" /> 
            <ImageButton 
                android:layout_width="67dp" 
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true" 
                android:layout_centerVertical="true"
                android:layout_marginRight="5dp"
                android:src="@drawable/mm_title_btn_menu"
                android:background="@drawable/title_btn_right"
                android:onClick="linshi" 
                />      
    </RelativeLayout>


    <SlidingDrawer
        android:id="@+id/slidingDrawer1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:content="@+id/content"
        android:handle="@+id/handle" >
        <Button
            android:id="@+id/handle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"     

            android:background="@drawable/shake_report_dragger_up" />
        <LinearLayout
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#f9f9f9" >            
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:src="@drawable/shake_line_up" />
        </LinearLayout>
    </SlidingDrawer>

</RelativeLayout>

效果如下：

2 创建一个监听器，并在里面创建一个监听接口，我们使用加速传感器来实现

“
/**
* 一个检测手机摇晃的监听器
*/
public class ShakeListener implements SensorEventListener {
// 速度阈值，当摇晃速度达到这值后产生作用
private static final int SPEED_SHRESHOLD = 3000;
// 两次检测的时间间隔
private static final int UPTATE_INTERVAL_TIME = 70;
// 传感器管理器
private SensorManager sensorManager;
// 传感器
private Sensor sensor;

// 重力感应监听器接口，自己写的
private OnShakeListener onShakeListener;
// 上下文
private Context mContext;

// 手机上一个位置时重力感应坐标
private float lastX;
private float lastY;
private float lastZ;

// 上次检测时间
private long lastUpdateTime;

// 构造器
public ShakeListener(Context c) {
    // 获得监听对象
    mContext = c;
    start();
}

// 开始
public void start() {
    // 获得传感器管理器
    sensorManager = (SensorManager) mContext
            .getSystemService(Context.SENSOR_SERVICE);
    if (sensorManager != null) {
        // 获得加速传感器Sensor.TYPE_ACCELEROMETER
        sensor = sensorManager.getDefaultSensor(Sensor.TYPE_ACCELEROMETER);
    }
    // 注册
    if (sensor != null) {
        sensorManager.registerListener(this, sensor,
                SensorManager.SENSOR_DELAY_GAME);
    }

}

// 停止检测
public void stop() {
    sensorManager.unregisterListener(this);
}

// 设置重力感应监听器
public void setOnShakeListener(OnShakeListener listener) {
    onShakeListener = listener;
}

// 重力感应器感应获得变化数据，实现SensorEventListener接口的方法
public void onSensorChanged(SensorEvent event) {
    // 现在检测时间
    long currentUpdateTime = System.currentTimeMillis();
    // 两次检测的时间间隔
    long timeInterval = currentUpdateTime - lastUpdateTime;
    // 判断是否达到了检测时间间隔
    if (timeInterval < UPTATE_INTERVAL_TIME)
        return;
    // 现在的时间变成last时间
    lastUpdateTime = currentUpdateTime;

    // 获得x,y,z坐标
    float x = event.values[0];
    float y = event.values[1];
    float z = event.values[2];

    // 获得x,y,z的变化值
    float deltaX = x - lastX;
    float deltaY = y - lastY;
    float deltaZ = z - lastZ;

    // 将现在的坐标变成last坐标
    lastX = x;
    lastY = y;
    lastZ = z;

    double speed = Math.sqrt(deltaX * deltaX + deltaY * deltaY + deltaZ
            * deltaZ)
            / timeInterval * 10000;
    Log.v("thelog", "===========log===================");
    // 达到速度阀值，发出提示
    if (speed >= SPEED_SHRESHOLD) {
        onShakeListener.onShake();
    }
}
//实现SensorEventListener接口的方法
public void onAccuracyChanged(Sensor sensor, int accuracy) {

}

// 摇晃监听接口
public interface OnShakeListener {
    public void onShake();
}

}

3 摇一摇界面，动画效果的实现

为上半部分的下半部分TranslateAnimation的动画的平移和还原，必须注意上下动画开始的时间、动画演示的时间的一致性

public class ShakeActivity extends Activity{
//手机摇晃的监听器类，自己写的
private ShakeListener mShakeListener = null;
private Vibrator mVibrator;
private RelativeLayout mImgUp;
private RelativeLayout mImgDn;
private RelativeLayout mTitle;

private SlidingDrawer mDrawer;
private Button mDrawerBtn;

@SuppressWarnings("deprecation")
@Override
public void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState); 
    setContentView(R.layout.shake_activity);


    mVibrator = (Vibrator)getApplication().getSystemService(VIBRATOR_SERVICE);
    //摇一摇的上部分图片
    mImgUp = (RelativeLayout) findViewById(R.id.shakeImgUp);
    //摇一摇的下部分图片
    mImgDn = (RelativeLayout) findViewById(R.id.shakeImgDown);
    //摇一摇的标题
    mTitle = (RelativeLayout) findViewById(R.id.shake_title_bar);
    //上滑动
    mDrawer = (SlidingDrawer) findViewById(R.id.slidingDrawer1);
    //上滑动下的按钮
    mDrawerBtn = (Button) findViewById(R.id.handle);
    //滑动监听，设定SlidingDrawer被打开的事件处理 
    mDrawer.setOnDrawerOpenListener(new OnDrawerOpenListener()
    {   public void onDrawerOpened()
        {   //将滑动按钮设置向下的
            mDrawerBtn.setBackgroundResource(R.drawable.shake_report_dragger_down);
            //向上移动
            TranslateAnimation titleup = 
                    new TranslateAnimation(
                            Animation.RELATIVE_TO_SELF,0f,
                            Animation.RELATIVE_TO_SELF,0f,
                            Animation.RELATIVE_TO_SELF,0f,
                            Animation.RELATIVE_TO_SELF,-1.0f);
            titleup.setDuration(200);
            titleup.setFillAfter(true);
            mTitle.startAnimation(titleup);
        }
    });
     /* 设定SlidingDrawer被关闭的事件处理 */
    mDrawer.setOnDrawerCloseListener(new OnDrawerCloseListener()
    {   public void onDrawerClosed()
        {   
            mDrawerBtn.setBackgroundResource(R.drawable.shake_report_dragger_up);
            TranslateAnimation titledn = 
                    new TranslateAnimation(
                            Animation.RELATIVE_TO_SELF,0f,
                            Animation.RELATIVE_TO_SELF,0f,
                            Animation.RELATIVE_TO_SELF,-1.0f,
                            Animation.RELATIVE_TO_SELF,0f);
            titledn.setDuration(200);
            titledn.setFillAfter(false);
            mTitle.startAnimation(titledn);
        }
    });

    //摇一摇监听
    mShakeListener = new ShakeListener(this);

    mShakeListener.setOnShakeListener(new OnShakeListener() {

        public void onShake() {

            startAnim();  //开始 摇一摇手掌动画
            mShakeListener.stop();
            startVibrato(); //开始 震动
            //开启线程
            new Handler().postDelayed(new Runnable(){
                @Override
                public void run(){

                    Toast mtoast;
                    mtoast = Toast.makeText(getApplicationContext(),
                             "抱歉，暂时没有找到\n在同一时刻摇一摇的人。\n再试一次吧！", 10);
                           mtoast.show();
                           mVibrator.cancel();
                           mShakeListener.start();
                }
            }, 2000);
        }
    });

}

//定义摇一摇动画动画
public void startAnim () { 
    //动画效果集合
    AnimationSet animup = new AnimationSet(true);
    //移动效果，向上移动
    TranslateAnimation mytranslateanimup0 = 
            new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF,0f,
                    Animation.RELATIVE_TO_SELF,0f,
                    Animation.RELATIVE_TO_SELF,0f,
                    Animation.RELATIVE_TO_SELF,-0.5f);
    //动画时间
    mytranslateanimup0.setDuration(1000);

    //移动效果，向下移动
    TranslateAnimation mytranslateanimup1 = new TranslateAnimation(
            Animation.RELATIVE_TO_SELF,0f,
            Animation.RELATIVE_TO_SELF,0f,
            Animation.RELATIVE_TO_SELF,0f,
            Animation.RELATIVE_TO_SELF,+0.5f);
    mytranslateanimup1.setDuration(1000);
    //设置动画开始时间
    mytranslateanimup1.setStartOffset(1000);
    //添加动画效果集合
    animup.addAnimation(mytranslateanimup0);
    animup.addAnimation(mytranslateanimup1);
    //摇一摇小手的上部分
    mImgUp.startAnimation(animup);


    //摇一摇小手的下部分动画
    AnimationSet animdn = new AnimationSet(true);
    TranslateAnimation mytranslateanimdn0 = 
            new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF,0f,
                    Animation.RELATIVE_TO_SELF,0f,
                    Animation.RELATIVE_TO_SELF,0f,
                    Animation.RELATIVE_TO_SELF,+0.5f);
    mytranslateanimdn0.setDuration(1000);
    TranslateAnimation mytranslateanimdn1 = 
            new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF,0f,
                    Animation.RELATIVE_TO_SELF,0f,
                    Animation.RELATIVE_TO_SELF,0f,
                    Animation.RELATIVE_TO_SELF,-0.5f);
    mytranslateanimdn1.setDuration(1000);
    mytranslateanimdn1.setStartOffset(1000);
    animdn.addAnimation(mytranslateanimdn0);
    animdn.addAnimation(mytranslateanimdn1);
    mImgDn.startAnimation(animdn);  
}

//定义震动
public void startVibrato(){ 
     //第一个｛｝里面是节奏数组， 第二个参数是重复次数，-1为不重复，
    //非-1从pattern的指定下标开始重复
    mVibrator.vibrate( new long[]{500,200,500,200}, -1);
}

 //标题栏 返回按钮
public void shake_activity_back(View v) {    
    this.finish();
  }  

//右侧按钮的监听
public void linshi(View v) {     
    startAnim();
}  

@Override
protected void onDestroy() {
    super.onDestroy();
    if (mShakeListener != null) {
        mShakeListener.stop();
    }
}

}
“`

效果如下：