安卓拼图游戏

完成了拼图的切换和动画效果，熟悉了View的用法，总体来说还是感觉很张见识的。。

主类

package com.innoc.game.pintu;

import com.example.first.R;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }


   
    
}

 

图片的属性，包括bitmap和自己的实际顺序index,

package com.innoc.game.utils;

import android.graphics.Bitmap;

public class ImagePiece {

private int index;

public ImagePiece(int index) {
super();
this.index = index;
}

private Bitmap bitmap;

public ImagePiece(Bitmap bitmap) {
super();
this.bitmap = bitmap;
}


public ImagePiece(int index, Bitmap bitmap) {
super();
this.index = index;
this.bitmap = bitmap;
}


public ImagePiece()
{

}
public int getIndex() {
return index;
}
public void setIndex(int index) {
this.index = index;
}
public Bitmap getBitmap() {
return bitmap;
}
public void setBitmap(Bitmap bitmap) {
this.bitmap = bitmap;
}

@Override
public String toString() {
return "ImagePiece [index=" + index + ", bitmap=" + bitmap + "]";
}

}

切出pieces*pieces块的纸片

package com.innoc.game.utils;


import java.util.ArrayList;
import java.util.List;

import android.graphics.Bitmap;

/**
 * 
 * @author YangPeiLin
 * 切出pieces*pieces块的纸片
 * 
 *  
 */



public class ImageSpiltterUtil {


public static List<ImagePiece> splitImage(Bitmap bitmap,int piece)
{

List<ImagePiece> imagePieces=new ArrayList<ImagePiece>();

int width=bitmap.getWidth();
int height=bitmap.getHeight();
int pieceWidth=Math.min(width, height)/piece;
for(int i=0;i<piece;i++)
{
for(int j=0;j<piece;j++)
{
ImagePiece imagePiece=new ImagePiece();
imagePiece.setIndex(j+i*piece);
int x=j*pieceWidth;
int y=i*pieceWidth;
imagePiece.setBitmap(Bitmap.createBitmap(bitmap, x, y, pieceWidth, pieceWidth));                        
imagePieces.add(imagePiece);

}

}

return imagePieces;
}







}

layout的切开和动画效果分布。。。。

package com.innoc.game.view;

import java.util.ArrayList;
import java.util.Collections;
import java.util.Comparator;
import java.util.List;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Color;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.RelativeLayout;

import com.example.first.R;
import com.innoc.game.utils.ImagePiece;
import com.innoc.game.utils.ImageSpiltterUtil;
/**
 * 
 * @author YangPeiLin
 * 0 1 2
 * 3 4 5
 * 6 7 8
 * 
 * 
 * 
 */


public class GamepintuLayout extends RelativeLayout implements OnClickListener {


private int mColumn=3;



/*
 * 游戏面板的宽度
 */
private int mWidth;



/*
 * 容器的内边距
 * 
 */
private int mPadding;
/*
 * 
 * 每张小图之间的距离 (heng,zong) dp
 */
private int mMargin=3;


private List<ImageView> mItems=new ArrayList<ImageView>();
private ImageView[] mGamepintuItems;

private int mItemWidth;

/*
 * 游戏的拼图
 * 
 * 
 */
private Bitmap mBitmap;

private List<ImagePiece> mItemBitmaps;

private boolean once;

public GamepintuLayout(Context context) {
this(context,null);
// TODO Auto-generated constructor stub
}

public GamepintuLayout(Context context, AttributeSet attrs) {
this(context, attrs,0);
// TODO Auto-generated constructor stub
}


public GamepintuLayout(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
 init();


}

private void init() {
// TODO Auto-generated method stub
mMargin=(int) TypedValue.applyDimension
(TypedValue.COMPLEX_UNIT_DIP, 3, getResources().getDisplayMetrics());

/*
 * 将sp换成dp,尽量不使用px
 * 
 */
mPadding=min(getPaddingLeft(),getPaddingRight(),getPaddingTop(),getPaddingBottom());

}

   
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //取宽和高中的最小值 
        mWidth=Math.min(getMeasuredHeight(),getMeasuredWidth());
        if(!once)
        {
        //进行切图,和排序
        initBitmap();
        //设置item的宽高属性
        initItem();
        once=true;
        }
        //设置为正方形
        setMeasuredDimension(mWidth, mWidth);
        
        
        
        
        
    }
//进行切图,和排序
    private void initBitmap() {
// TODO Auto-generated method stub
if(mBitmap==null)
{
mBitmap=BitmapFactory.decodeResource(getResources(),R.drawable.image);
}

mItemBitmaps=ImageSpiltterUtil.splitImage(mBitmap, mColumn);
       
//使用sort乱序
       Collections.sort(mItemBitmaps,new Comparator<ImagePiece>()
       {
@Override
public int compare(ImagePiece a, ImagePiece b) {

return Math.random()>0.5?1:-1;
} 
        });
    
    
    
    
}
//设置ImageView(item)的宽高属性
private void initItem() {
// TODO Auto-generated method stub
mItemWidth=(mWidth-mPadding*2-mMargin*(mColumn-1))/mColumn;

mGamepintuItems= new ImageView[mColumn*mColumn];

for(int i=0;i<mGamepintuItems.length;i++)
{
ImageView item=new ImageView(getContext());
item.setOnClickListener(this);
item.setImageBitmap(mItemBitmaps.get(i).getBitmap());
mGamepintuItems[i]=item;
item.setId(i+1);
//在item的tag中存储了index,index是真正的顺序
item.setTag(i+"_"+mItemBitmaps.get(i).getIndex());

RelativeLayout.LayoutParams lp=
new RelativeLayout.LayoutParams(mItemWidth, mItemWidth);

//设置item间横向间隙，通过rightMargin
//不是最后一列


if((i+1)%mColumn!=0)
{
lp.rightMargin=mMargin;
}
//不是第一列
if(i%mColumn!=0)
{
lp.addRule(RelativeLayout.RIGHT_OF, mGamepintuItems[i-1].getId());
}
//如果不是第一行
if((i+1)>mColumn)
{
lp.topMargin=mMargin;
lp.addRule(RelativeLayout.BELOW, mGamepintuItems[i-mColumn].getId());
}
addView(item,lp);



}



}



/*
      * 
      * 获取多个参数的最小值
      */
private int min(int...params) {

int min=params[0];
for(int param:params)
{
if(param<min)
{
min=param;
}

}



return min;
}
 
private ImageView mFirst;
private ImageView mSecond;


private boolean isAniming;

@Override
public void onClick(View v) {


/*
 * 
 * 
 *防止正在动画的时候用户还在敲。。
 *
 */
if(isAniming)
return;
//两次点击同一个item
if(mFirst==v)
{
mFirst.setColorFilter(null);
mFirst=null;
return;
}


if(mFirst==null)
{

mFirst=(ImageView)v;
mFirst.setColorFilter(Color.parseColor("#55FF0000"));
}
else
{
   /*交换我们的item*/
mSecond=(ImageView)v;
exchangeView();
}


}

private void exchangeView() {
// TODO Auto-generated method stub

mFirst.setColorFilter(null);

setUpAnimaLayout();


    ImageView  first=new ImageView(getContext());
final Bitmap firstBitmap1=mItemBitmaps.get(getImageIdByTag((String)mFirst.getTag())).getBitmap();
first.setImageBitmap(firstBitmap1);
RelativeLayout.LayoutParams lp=new  LayoutParams(mItemWidth,mItemWidth);
lp.leftMargin=mFirst.getLeft()-mPadding;
lp.topMargin=mFirst.getTop()-mPadding;
    first.setLayoutParams(lp);
mAnimLayout.addView(first);


ImageView  second=new ImageView(getContext());
final Bitmap secondBitmap1=mItemBitmaps.get(getImageIdByTag((String)mSecond.getTag())).getBitmap();
second.setImageBitmap(secondBitmap1);
RelativeLayout.LayoutParams lp2=new  LayoutParams(mItemWidth,mItemWidth);
lp2.leftMargin=mSecond.getLeft()-mPadding;
lp2.topMargin=mSecond.getTop()-mPadding;
    second.setLayoutParams(lp2);
mAnimLayout.addView(second);

TranslateAnimation anim=new TranslateAnimation(0,
mSecond.getLeft()-mFirst.getLeft(),0,mSecond.getTop()-
mFirst.getTop());
anim.setDuration(300);
anim.setFillAfter(true);
first.startAnimation(anim);

TranslateAnimation Secondanim=new TranslateAnimation(0,
-mSecond.getLeft()+mFirst.getLeft(),0,-mSecond.getTop()+
mFirst.getTop());
Secondanim.setDuration(300);
Secondanim.setFillAfter(true);
second.startAnimation(Secondanim);

anim.setAnimationListener(new AnimationListener()
{

@Override
public void onAnimationEnd(Animation arg0) {
// TODO Auto-generated method stub

String firstTag=(String)mFirst.getTag();
String secondTag=(String)mSecond.getTag();
//String[]firstParams=firstTag.split("_");
//String[]secondParams=secondTag.split("_");





//Bitmap firstBitmap=mItemBitmaps.get(Integer.parseInt(firstParams[0])).getBitmap();
//Bitmap secondBitmap=mItemBitmaps.get(Integer.parseInt(secondParams[0])).getBitmap();

mFirst.setImageBitmap(secondBitmap1);
mSecond.setImageBitmap(firstBitmap1);
mFirst.setTag(secondTag);
mSecond.setTag(firstTag);
mFirst.setVisibility(View.VISIBLE);
mSecond.setVisibility(View.VISIBLE);

mAnimLayout.removeAllViews();
mFirst=mSecond=null;

isAniming=false;

}

@Override
public void onAnimationRepeat(Animation arg0) {
// TODO Auto-generated method stub

}

@Override
public void onAnimationStart(Animation arg0) {
// TODO Auto-generated method stub
mFirst.setVisibility(View.INVISIBLE);
mSecond.setVisibility(View.INVISIBLE);
isAniming=true;

}

});





}
/*
 * 动画层
 * 
 */
     private RelativeLayout mAnimLayout;
     

     /*
 * 
 * 构造我们的动画层
 */
private void setUpAnimaLayout() {
// TODO Auto-generated method stub

if(mAnimLayout==null)
{
mAnimLayout=new RelativeLayout(getContext());
addView(mAnimLayout);


}


}
/*
 * 根据tag取出id
 */
    public int getImageIdByTag(String tag)
    {
    
    String[] spilt=tag.split("_");
    return Integer.parseInt(spilt[0]);
    
    
    }

    public int getImageIdIndex(String tag)
    {
    
    String[] spilt=tag.split("_");
    return Integer.parseInt(spilt[1]);
    
    
    }















}