android开发之上传图片和调用相机以及相册

看图分析:

界面UI布局:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="vertical"
android:background="@color/color_white">

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingBottom="@dimen/size_50dp" >

<TextView
android:id="@+id/viewpager_item_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/size_14dp"
android:padding="@dimen/size_14dp"
android:textColor="@color/color_000"
android:textSize="@dimen/size_14dp" />

<RelativeLayout
android:id="@+id/viewpager_item_viewed"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/viewpager_item_title"
android:layout_marginLeft="@dimen/size_14dp"
android:layout_marginRight="@dimen/size_14dp"
android:background="@drawable/bg_ed_shape" >

<EditText
android:id="@+id/viewpager_item_edittext"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@null"
android:gravity="top"
android:hint="@string/viewpager_edittext_hint"
android:inputType="textMultiLine"
android:maxLines="50"
android:minHeight="@dimen/size_150dp"
android:padding="@dimen/size_14dp"
android:textColor="@color/color_000"
android:textColorHint="@color/color_c"
android:textSize="@dimen/size_14dp" />

<LinearLayout
android:id="@+id/viewpager_item_zp_ll"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/line"
android:orientation="horizontal"
android:padding="@dimen/size_10dp"
android:visibility="gone" >

<ImageView
android:id="@+id/viewpager_item_zp_1"
android:layout_width="@dimen/size_40dp"
android:layout_height="@dimen/size_40dp"
android:background="@drawable/xk" />

<ImageView
android:id="@+id/viewpager_item_zp_2"
android:layout_width="@dimen/size_40dp"
android:layout_height="@dimen/size_40dp"
android:layout_marginLeft="@dimen/size_10dp"
android:background="@drawable/xk"
android:visibility="gone" />

<ImageView
android:id="@+id/viewpager_item_zp_3"
android:layout_width="@dimen/size_40dp"
android:layout_height="@dimen/size_40dp"
android:layout_marginLeft="@dimen/size_10dp"
android:background="@drawable/xk"
android:visibility="gone" />

<ImageView
android:id="@+id/viewpager_item_zp_4"
android:layout_width="@dimen/size_40dp"
android:layout_height="@dimen/size_40dp"
android:layout_marginLeft="@dimen/size_10dp"
android:background="@drawable/xk"
android:visibility="gone" />
</LinearLayout>

<ImageView
android:id="@+id/line"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_below="@+id/viewpager_item_edittext"
android:background="@color/color_c9" />

<RelativeLayout
android:id="@+id/viewpager_item_viewxj"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/viewpager_item_edittext"
android:layout_margin="1dp"
android:background="@color/color_bg_hui" >

<ImageView
android:id="@+id/viewpager_item_xj"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="@dimen/size_13dp"
android:src="@drawable/xj" />
</RelativeLayout>

<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/viewpager_item_viewxj" />
</RelativeLayout>

<TextView
android:id="@+id/viewpager_item_next"
style="@style/bt_style_bgtowhite"
android:layout_below="@+id/viewpager_item_viewed"
android:layout_marginTop="@dimen/size_27dp" />
</RelativeLayout>

</ScrollView>

Dialog以及UI布局:

Dialog:

public class Pop_Viewpager_Item_Pz {

private static final int CAMERA_WITH_DATA = 1001;
private static final int PHOTO_PICKED_WITH_DATA = 1002;
private Activity activity;
private TextView viewpager_pop_pz_pz, viewpager_pop_pz_xc, viewpager_pop_pz_back;

public Dialog mDialog;

public Dialog getmDialog() {
return mDialog;
}

public void setmDialog(Dialog mDialog) {
this.mDialog = mDialog;
}

public Pop_Viewpager_Item_Pz(Activity context) {
activity = context;
mDialog = new Dialog(context, R.style.Setting_Question_Submit_Dialog_Style);

mDialog.setContentView(R.layout.viewpager_item_pop_pz);
Window window = mDialog.getWindow();
WindowManager wm = context.getWindowManager();
Display d = wm.getDefaultDisplay(); // 获取屏幕宽、高用
WindowManager.LayoutParams p = window.getAttributes();
p.width = (int) (d.getWidth() * 0.85);
window.setAttributes(p);
mDialog.setFeatureDrawableAlpha(Window.FEATURE_OPTIONS_PANEL, 0);
window.setWindowAnimations(android.R.anim.fade_in);

viewpager_pop_pz_pz = (TextView) mDialog.findViewById(R.id.viewpager_pop_pz_pz);
viewpager_pop_pz_pz.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
doTakePhoto(); //拍照选取图片
}
});
viewpager_pop_pz_xc = (TextView) mDialog.findViewById(R.id.viewpager_pop_pz_xc);
viewpager_pop_pz_xc.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
doSelectImageFromLoacal(); //从相册中选取图片
}
});

viewpager_pop_pz_back = (TextView) mDialog.findViewById(R.id.viewpager_pop_pz_back);
viewpager_pop_pz_back.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
dismiss();
}
});
}

public void show() {
mDialog.show();
}

public void dismiss() {
mDialog.dismiss();
}
}

UI布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<ImageView
android:id="@+id/viewpager_pop_pz_iv"
android:layout_width="match_parent"
android:layout_height="@dimen/size_20dp"
android:layout_alignParentBottom="true" />

<TextView
android:id="@+id/viewpager_pop_pz_back"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/viewpager_pop_pz_iv"
android:layout_marginTop="@dimen/size_12dp"
android:background="@drawable/viewpager_pop_pz_shape"
android:clickable="true"
android:gravity="center"
android:padding="@dimen/size_12dp"
android:text="取消"
android:textColor="@drawable/bt_bg_selector_bgtofc4025_tv"
android:textSize="@dimen/size_20dp" />

<RelativeLayout
android:id="@+id/viewpager_pop_pz"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/viewpager_pop_pz_back"
android:background="@drawable/viewpager_pop_pz_shape" >

<TextView
android:id="@+id/viewpager_pop_pz_pz"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:clickable="true"
android:gravity="center"
android:padding="@dimen/size_12dp"
android:text="拍照"
android:textColor="@drawable/bt_bg_selector_bgtofc4025_tv"
android:textSize="@dimen/size_20dp" />

<ImageView
android:id="@+id/viewpager_pop_pz_line"
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:layout_below="@+id/viewpager_pop_pz_pz"
android:background="@color/color_c9" />

<TextView
android:id="@+id/viewpager_pop_pz_xc"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/viewpager_pop_pz_line"
android:clickable="true"
android:gravity="center"
android:padding="@dimen/size_12dp"
android:text="从相册选取"
android:textColor="@drawable/bt_bg_selector_bgtofc4025_tv"
android:textSize="@dimen/size_20dp" />
</RelativeLayout>

</RelativeLayout>

调用相机拍照选取图片:

通过Intent(意图)调用系统相机

/**
* 拍照获取图片
*/
public static void takePhoto(Activity activity) {

String SDState = Environment.getExternalStorageState();
if (SDState.equals(Environment.MEDIA_MOUNTED)) {

Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);

ContentValues values = new ContentValues();
photoUri = activity.getContentResolver().insert(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, values);
intent.putExtra(android.provider.MediaStore.EXTRA_OUTPUT, photoUri);

activity.startActivityForResult(intent, SELECT_PIC_BY_TACK_PHOTO);
} else {
Toast.makeText(activity, "内存卡不存在", Toast.LENGTH_LONG).show();
}
}

调用相册选取图片:

通过Intent(意图)调用系统相册

/**
* 从本地手机中选择图片
*/
private void doSelectImageFromLoacal() {
Intent localIntent = new Intent();
localIntent.setType("image/*");
localIntent.setAction(Intent.ACTION_GET_CONTENT);
localIntent.addCategory(Intent.CATEGORY_OPENABLE);
Intent localIntent2 = Intent.createChooser(localIntent, "选择图片");
activity.startActivityForResult(localIntent2, PHOTO_PICKED_WITH_DATA);

mDialog.dismiss();
}

选取图片后压缩图片:

/**
* 压缩图片.
*/
private String ys_img(String img_path) {

String[] path_arr = img_path.split("/");
String[] name_arr = path_arr[path_arr.length - 1].split("\\.");
String path = File_Tool.SDPATH + "image/" + name_arr[0] + ".png";

BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
// 获取这个图片的宽和高
Bitmap bitmap = BitmapFactory.decodeFile(img_path, options); // 此时返回bm为空
options.inJustDecodeBounds = false;
// 计算缩放比
int be = (int) (options.outHeight / 60);
if (be <= 0)
be = 1;
options.inSampleSize = be;
// 重新读入图片，注意这次要把options.inJustDecodeBounds 设为 false哦
bitmap = BitmapFactory.decodeFile(img_path, options);
int w = bitmap.getWidth();
int h = bitmap.getHeight();
ImageView iv = new ImageView(this);
iv.setImageBitmap(bitmap);
//bitmap = compressImage(Bitmap.createScaledBitmap(bitmap, bitmap.getWidth(), bitmap.getHeight(), false));
// 这样我们就可以读取较大的图片而不会内存溢出了。如果你想把压缩后的图片保存在Sdcard上的话就很简单了：
File file = new File(path);
try {
FileOutputStream out = new FileOutputStream(file);
if (bitmap.compress(Bitmap.CompressFormat.PNG, 50, out)) {
out.flush();
out.close();
}
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}
return path;
}

上传图片:

使用AsyncTask结合Http与服务器进行交互来完成文件上传

AsyncTask

/**
* 提交用户文字以及图片答案接口数据.
*
* @author wanglei
*/
class Put_UserAnser_Task extends AsyncTask<String, Integer, String> {
ArrayList<String> id_list = new ArrayList<String>();

@Override
protected void onPreExecute() {
super.onPreExecute();
}

@Override
protected String doInBackground(String... arg0) {
MyPhotoApp_Data_Application myphoto = (MyPhotoApp_Data_Application) getApplication();
//TODO
String url = myphoto.getUrl_host() + "port&a=userPaperAnswer" + "&sid=" + myphoto.getSessionid(), resurt = "";
ArrayList<NameValuePair> val_list = new ArrayList<NameValuePair>();
try {
val_list.add(new BasicNameValuePair("is_img", is_img > 0 ? "1" : "0")); // $is_img=1有照片,
resurt = HttpUtil.getData(MainActivity.this, url, val_list, HttpUtil.METHOD_POST);
} catch (ConnectException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}
return resurt;
}

@Override
protected void onPostExecute(String result) {
super.onPostExecute(result);
if ("1".equals(result)) {
if (is_img > 0) {
int img_sum = 0;
Intent intent = new Intent(MainActivity.this, UploadImage_Activity.class);

for (int i=0;i<4;i++) {
img_sum++;
id_list.add(""+(i+1));
}
intent.putExtra("img_sum", img_sum);
intent.putStringArrayListExtra("id_list", id_list);
intent.putStringArrayListExtra("lists", lists);

MainActivity.this.startActivityForResult(intent, 101);
MainActivity.this.finish();
} else {
toast.setText("提交成功");
toast.show();
}
} else {
toast.setText("提交失败");
toast.show();
}
}
}

Http与服务器进行交互

public class HttpUtil {
public static final int METHOD_GET = 1;
public static final int METHOD_POST = 2;

public static String getData(Context context, String uri, List<NameValuePair> params, int method) throws ConnectException, IOException {
HttpEntity entity = getEntity(uri, params, method);
if(entity != null) {
return EntityUtils.toString(entity);
} else {
return "error";
}
}

public static HttpEntity getEntity(String uri, List<NameValuePair> params, int method) throws ConnectException, IOException {
HttpEntity entity = null;
HttpClient client = new DefaultHttpClient();
client.getParams().setParameter(CoreConnectionPNames.CONNECTION_TIMEOUT, 10000);
client.getParams().setParameter(CoreConnectionPNames.SO_TIMEOUT, 20000);
HttpUriRequest request = null;
switch (method) {
case METHOD_GET:
StringBuilder sb = new StringBuilder(uri);
if (params != null && !params.isEmpty()) {
sb.append('?');
for (NameValuePair pair : params) {
sb.append(pair.getName()).append('=').append(pair.getValue()).append('&');
}
sb.deleteCharAt(sb.length() - 1);
}
request = new HttpGet(sb.toString());
break;
case METHOD_POST:
request = new HttpPost(uri);
if (params != null && !params.isEmpty()) {
UrlEncodedFormEntity reqEntity = new UrlEncodedFormEntity(params, "UTF-8");
((HttpPost) request).setEntity(reqEntity);

}
break;
}
HttpResponse response = client.execute(request);

if (response.getStatusLine().getStatusCode() == 200) {
entity = response.getEntity();
} else {

}
return entity;
}
}

自定义上传进度

public class CircleProgressBar extends View {
private int maxProgress = 100;
private int progress = 0;
private int progressStrokeWidth = 20;
// 画圆所在的距形区域
RectF oval;
Paint paint;

public CircleProgressBar(Context context, AttributeSet attrs) {
super(context, attrs);
oval = new RectF();
paint = new Paint();
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int width = this.getWidth();
int height = this.getHeight();

if (width != height) {
int min = Math.min(width, height);
width = min;
height = min;
}

paint.setAntiAlias(true); // 设置画笔为抗锯齿
paint.setColor(Color.WHITE); // 设置画笔颜色
canvas.drawColor(Color.TRANSPARENT); // 白色背景
paint.setStrokeWidth(progressStrokeWidth); // 线宽
paint.setStyle(Style.STROKE);

oval.left = progressStrokeWidth / 2; // 左上角x
oval.top = progressStrokeWidth / 2; // 左上角y
oval.right = width - progressStrokeWidth / 2; // 左下角x
oval.bottom = height - progressStrokeWidth / 2; // 右下角y

canvas.drawArc(oval, -90, 360, false, paint); // 绘制白色圆圈，即进度条背景
paint.setColor(Color.RED);
canvas.drawArc(oval, -90, ((float) progress / maxProgress) * 360, false, paint); // 绘制进度圆弧，这里是蓝色

paint.setStrokeWidth(1);
String text = progress + "%";
int textHeight = height / 4;
paint.setTextSize(textHeight);
int textWidth = (int) paint.measureText(text, 0, text.length());
paint.setStyle(Style.FILL);
canvas.drawText(text, width / 2 - textWidth / 2, height / 2 + textHeight / 2, paint);

}

public int getMaxProgress() {
return maxProgress;
}

public void setMaxProgress(int maxProgress) {
this.maxProgress = maxProgress;
}

public void setProgress(int progress) {
this.progress = progress;
this.invalidate();
}

/**
* 非ＵＩ线程调用
*/
public void setProgressNotInUiThread(int progress) {
this.progress = progress;
this.postInvalidate();
}
}

Notification 状态栏通知

private NotificationManager manager;
private Notification notif;

private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what) {
case 0:
notif.contentView.setTextViewText(R.id.content_view_text1, len + " %");
notif.contentView.setProgressBar(R.id.content_view_progress, 100, len, false);
manager.notify(0, notif);
break;
case 1:
manager.cancel(0);
break;
default:
break;
}
}
};

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

private void init_PutImg() {

PendingIntent pIntent = PendingIntent.getActivity(this, 0, new Intent(), 0);
manager = (NotificationManager) getSystemService(NOTIFICATION_SERVICE);
notif = new Notification();
notif.icon = R.drawable.ic_launcher;
notif.tickerText = "正在上传作答文件";
notif.flags = Notification.FLAG_AUTO_CANCEL;

// 通知栏显示所用到的布局文件
notif.contentView = new RemoteViews(getPackageName(), R.layout.content_view);
notif.contentIntent = pIntent;
manager.notify(0, notif);
manager.cancel(0);
}

状态栏通知UI布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<ImageView
android:id="@+id/icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="@dimen/size_10dp"
android:layout_marginRight="@dimen/size_10dp"
android:background="@drawable/ic_launcher" />

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/size_10dp"
android:layout_toRightOf="@+id/icon" >

<TextView
android:id="@+id/content_view_text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="@dimen/size_8dp"
android:text="0 %"
android:textColor="@color/color_c50619"
android:textSize="@dimen/size_14dp" />

<ProgressBar
android:id="@+id/content_view_progress"
style="@android:style/Widget.ProgressBar.Horizontal"
android:layout_width="fill_parent"
android:layout_height="1dp"
android:layout_below="@+id/content_view_text1"
android:layout_marginTop="14dp"
android:max="100"
android:progressDrawable="@drawable/barcolor" />
</RelativeLayout>

</RelativeLayout>

示例代码戳Here