模仿腾讯的小火箭发射

  AnimationDrawable  帧动画的使用
  AlphaAnimation      透明度动画的使用
  业务逻辑:
          随着手指的拖动,不断通过imageView的layout来重置当前火箭的位置
          当火箭到达底部规定的范围内,就会自动喷射
          喷射的本质其实就是通过一个线程不断for循环重置当前火箭的位置并且判断火箭的
          位置,然后根据火箭的位置来设置云雾的透明度

<RelativeLayout 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"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/iv"
        android:layout_width="40dip"
        android:layout_height="73dip" />

    <ImageView
        android:visibility="invisible"
        android:id="@+id/iv_bottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:src="@drawable/desktop_smoke_m" />

    <ImageView
        android:visibility="invisible"
        android:id="@+id/iv_top"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/iv_bottom"
        android:src="@drawable/desktop_smoke_t" />

</RelativeLayout>


package com.itheima.rocket;

import java.nio.channels.AlreadyConnectedException;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends Activity {
	private ImageView iv;
	private ImageView iv_bottom; 
	private ImageView iv_top;
	private AnimationDrawable rocketAnimation;
	private Handler handler = new Handler(){
		public void handleMessage(android.os.Message msg) {
			int position = (Integer) msg.obj ;
			iv.layout(iv.getLeft(), position, iv.getRight(), position+iv.getHeight());
			if(position<320){
				iv_top.setVisibility(View.VISIBLE);
				AlphaAnimation aa = new AlphaAnimation(0.6f, 1.0f);
				aa.setDuration(300);
				iv_top.startAnimation(aa);
			}
			if(position<20){
				AlphaAnimation aa = new AlphaAnimation(1.0f, 0.0f);
				aa.setDuration(300);
				aa.setFillAfter(true);
				iv_top.startAnimation(aa);
			}
			
		};
	};

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		iv = (ImageView) findViewById(R.id.iv);
		//把帧动画加载给imageView
		iv.setBackgroundResource(R.drawable.rocket);
		iv_top = (ImageView) findViewById(R.id.iv_top);
		iv_bottom = (ImageView) findViewById(R.id.iv_bottom);
		//从background获取帧动画
		rocketAnimation = (AnimationDrawable) iv.getBackground();
		//启动帧动画
		rocketAnimation.start();

		iv.setOnTouchListener(new OnTouchListener() {
			int startX;
			int startY;

			@Override
			public boolean onTouch(View v, MotionEvent event) {
				switch (event.getAction()) {
				case MotionEvent.ACTION_DOWN:
					//获取按下时的x和y值
					startX =(int) event.getRawX();
					startY =(int) event.getRawY();
					break;

				case MotionEvent.ACTION_MOVE:
					int newX =(int) event.getRawX();
					int newY =(int) event.getRawY();
					int dx = newX - startX;
					int dy = newY - startY;
					//wm.updateViewLayout();
					iv.layout(iv.getLeft()+dx, iv.getTop()+dy, iv.getRight()+dx, iv.getBottom()+dy);
					startX =(int) event.getRawX();
					startY =(int) event.getRawY();
					break;
				case MotionEvent.ACTION_UP:
					int top = iv.getTop();
					int left = iv.getLeft();
					int right = iv.getRight();
					if(top>300&&left>100&&right<220){
						Toast.makeText(getApplicationContext(), "发射火箭", 0).show();
						iv_bottom.setVisibility(View.VISIBLE);
						AlphaAnimation aa = new AlphaAnimation(0.0f, 1.0f);
						aa.setDuration(500);
						aa.setRepeatCount(1);
						aa.setRepeatMode(Animation.REVERSE);
						aa.setFillAfter(true);
						iv_bottom.startAnimation(aa);
						sendRocket();
					}
					break;
				}
				return true;
			}
		});
	}

	protected void sendRocket() {
		new Thread(){
			public void run() {
				int start = 380;
				for(int i = 0 ;i<=11;i++){
					try {
						Thread.sleep(50);
					} catch (InterruptedException e) {
						e.printStackTrace();
					}
					//更新一下ui
					Message msg = Message.obtain();
					msg.obj = 380 - i*38;//计算出火箭的高度
					handler.sendMessage(msg);
				}
			};
		}.start();
		
	}
}
帧动画


模仿腾讯的小火箭发射_第1张图片


<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:drawable="@drawable/desktop_rocket_launch_1" android:duration="200" />
    <item android:drawable="@drawable/desktop_rocket_launch_2" android:duration="200" />
</animation-list>
模仿腾讯的小火箭发射_第2张图片


模仿腾讯的小火箭发射_第3张图片

模仿腾讯的小火箭发射_第4张图片

模仿腾讯的小火箭发射_第5张图片

拖拽移动的原理:

模仿腾讯的小火箭发射_第6张图片

你可能感兴趣的:(模仿腾讯的小火箭发射)