今天我们主要实现我们的主界面：国际惯例：
界面我们已经在第一天做好了，今天我们就要实现这个界面的功能，
分析一下，这个界面包含以下几个功能：
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卡上，再去获取这张图片，希望大家注意。
