Android拼图游戏开发全纪录4

今天我们主要实现我们的主界面：国际惯例：

界面我们已经在第一天做好了，今天我们就要实现这个界面的功能，

分析一下，这个界面包含以下几个功能：

1、显示游戏的难度：使用popupwindow，选择后改变显示的数字

2、显示默认的待拼图图片，包含一张选择自定义的图片：这个比较简单，只是GridView的最简单应用而已

3、自定义按钮功能：调用系统图册和相机

4、查看记录和了解更多：这个也是一般的应用需求，比较简单

package com.xys.xpuzzle.activity;

import java.io.File;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.Intent;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.provider.MediaStore;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.PopupWindow;
import android.widget.TextView;
import com.xys.xpuzzle.R;
import com.xys.xpuzzle.adapter.GridPicListAdapter;

/**
 * 程序主界面：显示默认图片列表、自选图片按钮
 *
 * @author xys
 *
 */
public class MainActivity extends Activity implements OnClickListener {

    // 返回码：系统图库
    private static final int RESULT_IMAGE = 100;
    // 返回码：相机
    private static final int RESULT_CAMERA = 200;
    // Temp照片路径
    public static String TEMP_IMAGE_PATH;
    // IMAGE TYPE
    private static final String IMAGE_TYPE = "image/*";
    // GridView 显示图片
    private GridView gv_Pic_List;
    private List<Bitmap> picList;
    // 主页图片资源ID
    private int[] resPicId;
    // 显示Type
    private TextView tv_puzzle_main_type_selected;
    private LayoutInflater layoutInflater;
    private PopupWindow popupWindow;
    private View popupView;
    private TextView tvType2;
    private TextView tvType3;
    private TextView tvType4;
    // 游戏类型N*N
    private int type = 2;
    // 本地图册、相机选择
    private String[] customItems = new String[] { "本地图册", "相机拍照" };

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

	TEMP_IMAGE_PATH = Environment.getExternalStorageDirectory().getPath() + "/ttt.jpg";
	picList = new ArrayList<Bitmap>();
	// 初始化Views
	initViews();
	// 数据适配器
	gv_Pic_List.setAdapter(new GridPicListAdapter(MainActivity.this, picList));
	// Item点击监听
	gv_Pic_List.setOnItemClickListener(new OnItemClickListener() {

	    @Override
	    public void onItemClick(AdapterView<?> arg0, View view, int position, long arg3) {
		if (position == resPicId.length - 1) {
		    // 选择本地图库 相机
		    showDialogCustom();
		} else {
		    // 选择默认图片
		    Intent intent = new Intent(MainActivity.this, PuzzleMain.class);
		    intent.putExtra("picSelectedID", resPicId[position]);
		    intent.putExtra("type", type);
		    startActivity(intent);
		}
	    }
	});

	/**
	 * 显示难度Type
	 */
	tv_puzzle_main_type_selected.setOnClickListener(new OnClickListener() {

	    @Override
	    public void onClick(View v) {
		// 弹出popup window
		popupShow(v);
	    }
	});
    }

    // 显示选择系统图库 相机对话框
    private void showDialogCustom() {
	AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
	builder.setTitle("选择：");
	builder.setItems(customItems, new DialogInterface.OnClickListener() {

	    @Override
	    public void onClick(DialogInterface dialog, int which) {
		if (0 == which) {
		    // 本地相册
		    Intent intent = new Intent(Intent.ACTION_PICK, null);
		    intent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, IMAGE_TYPE);
		    startActivityForResult(intent, RESULT_IMAGE);
		} else if (1 == which) {
		    // 系统相机
		    Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
		    Uri photoUri = Uri.fromFile(new File(TEMP_IMAGE_PATH));
		    intent.putExtra(MediaStore.EXTRA_OUTPUT, photoUri);
		    startActivityForResult(intent, RESULT_CAMERA);
		}
	    }
	});
	builder.create().show();
    }

    /**
     * 调用图库相机回调方法
     */
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
	super.onActivityResult(requestCode, resultCode, data);
	if (resultCode == RESULT_OK) {
	    if (requestCode == RESULT_IMAGE && data != null) {
		// 相册
		Cursor cursor = this.getContentResolver().query(data.getData(), null, null, null, null);
		cursor.moveToFirst();
		String imagePath = cursor.getString(cursor.getColumnIndex("_data"));
		Intent intent = new Intent(MainActivity.this, PuzzleMain.class);
		intent.putExtra("picPath", imagePath);
		intent.putExtra("type", type);
		startActivity(intent);
	    } else if (requestCode == RESULT_CAMERA) {
		// 相机
		Intent intent = new Intent(MainActivity.this, PuzzleMain.class);
		intent.putExtra("picPath", TEMP_IMAGE_PATH);
		intent.putExtra("type", type);
		startActivity(intent);
	    }
	}
    }

    /**
     * 显示popup window
     *
     * @param view
     */
    private void popupShow(View view) {
	// 显示popup window
	popupWindow = new PopupWindow(popupView, 200, 50);
	popupWindow.setFocusable(true);
	popupWindow.setOutsideTouchable(true);
	// 透明背景
	Drawable transpent = new ColorDrawable(Color.TRANSPARENT);
	popupWindow.setBackgroundDrawable(transpent);
	// 获取位置
	int[] location = new int[2];
	view.getLocationOnScreen(location);
	popupWindow.showAtLocation(view, Gravity.NO_GRAVITY, location[0] - 40, location[1] + 50);
    }

    /**
     * 初始化Views
     */
    private void initViews() {
	gv_Pic_List = (GridView) findViewById(R.id.gv_xpuzzle_main_pic_list);
	// 初始化Bitmap数据
	resPicId = new int[] { R.drawable.pic1, R.drawable.pic2, R.drawable.pic3, R.drawable.pic4, R.drawable.pic5, R.drawable.pic6, R.drawable.pic7,
		R.drawable.pic8, R.drawable.pic9, R.drawable.pic10, R.drawable.pic11, R.drawable.pic12, R.drawable.pic13, R.drawable.pic14,
		R.drawable.pic15, R.drawable.plus };
	Bitmap[] bitmaps = new Bitmap[resPicId.length];
	for (int i = 0; i < bitmaps.length; i++) {
	    bitmaps[i] = BitmapFactory.decodeResource(getResources(), resPicId[i]);
	    picList.add(bitmaps[i]);
	}
	// 显示type
	tv_puzzle_main_type_selected = (TextView) findViewById(R.id.tv_puzzle_main_type_selected);
	layoutInflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
	// type view
	popupView = layoutInflater.inflate(R.layout.xpuzzle_main_type_selected, null);
	tvType2 = (TextView) popupView.findViewById(R.id.tv_main_type_2);
	tvType3 = (TextView) popupView.findViewById(R.id.tv_main_type_3);
	tvType4 = (TextView) popupView.findViewById(R.id.tv_main_type_4);

	// 监听事件
	tvType2.setOnClickListener(this);
	tvType3.setOnClickListener(this);
	tvType4.setOnClickListener(this);
    }

    /**
     * popup window item点击事件
     */
    @Override
    public void onClick(View v) {
	switch (v.getId()) {
	// Type
	case R.id.tv_main_type_2:
	    type = 2;
	    tv_puzzle_main_type_selected.setText("2 X 2");
	    break;
	case R.id.tv_main_type_3:
	    type = 3;
	    tv_puzzle_main_type_selected.setText("3 X 3");
	    break;
	case R.id.tv_main_type_4:
	    type = 4;
	    tv_puzzle_main_type_selected.setText("4 X 4");
	    break;
	default:
	    break;
	}
	popupWindow.dismiss();
    }
}

注释还是比较清晰的，相信大家都看得懂。

下面还有送一个数据适配器：

package com.xys.xpuzzle.adapter;

import java.util.List;

import android.R.color;
import android.content.Context;
import android.graphics.Bitmap;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

/**
 * 程序主界面数据适配器
 *
 * @author xys
 *
 */
public class GridPicListAdapter extends BaseAdapter {

    // 映射List
    private List<Bitmap> picList;
    private Context context;

    public GridPicListAdapter(Context context, List<Bitmap> picList) {
	this.context = context;
	this.picList = picList;
    }

    @Override
    public int getCount() {
	return picList.size();
    }

    @Override
    public Object getItem(int position) {
	return picList.get(position);
    }

    @Override
    public long getItemId(int position) {
	return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup arg2) {
	ImageView iv_pic_item = null;
	if (convertView == null) {
	    iv_pic_item = new ImageView(context);
	    // 设置布局 图片
	    iv_pic_item.setLayoutParams(new GridView.LayoutParams(80, 100));
	    // 设置显示比例类型
	    iv_pic_item.setScaleType(ImageView.ScaleType.FIT_XY);
	} else {
	    iv_pic_item = (ImageView) convertView;
	}
	iv_pic_item.setBackgroundColor(color.black);
	iv_pic_item.setImageBitmap(picList.get(position));
	return iv_pic_item;
    }
}

今天的难点在于调用系统图册和相机：

1、调用的Intent在代码中已经写清楚了

2、调用相机的时候，如果直接返回data，其实是返回的相机缩略图，如果要获得原始图片，就需要先保存在SD卡上，再去获取这张图片，希望大家注意。