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卡上，再去获取这张图片，希望大家注意。