Android自定义动态布局 — 多图片上传（记录一下，以后可能会用到）

Android自定义动态布局 — 多图片上传

本文介绍Android中动态布局添加图片，多图片上传。

项目中效果图：







技术点：

1.动态添加格局中的线条和添加图片的+号

2.多张图片异步上传

首先来看一下布局文件：

[html] view
plaincopyprint?

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#f2f2f2" >



<LinearLayout

android:id="@+id/layout_CONTENT"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#f2f2f2"

android:orientation="vertical"

android:padding="5dp" >



<!-- 布局由程序动态生成 -->



<LinearLayout

android:id="@+id/layout_container"

android:layout_width="300dp"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:layout_margin="5dp"

android:background="#cbcbcb"

android:orientation="vertical"

android:padding="0.2px" />



<TextView

android:id="@+id/text_no_data"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="20dp"

android:text="@string/text_picture_upload"

android:textSize="16dp" />

</LinearLayout>



</LinearLayout>

布局很简单，主要是id为layout_container的一个LinearLayout作为父布局。

横向的线条和纵向的线条布局也很简单：

[html] view
plaincopyprint?

<View xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="1px"

android:background="#cbcbcb" />

[html] view
plaincopyprint?

<View xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="1px"

android:layout_height="match_parent"

android:background="#cbcbcb" />

下面是动态生成布局的实现方式：

[java] view
plaincopyprint?

private void initUI() {

setContentView(R.layout.activity_main);

//setTitle(R.string.button_service_upload_picture);

//showBackwardView(R.string.button_backward, true);

//showForwardView(R.string.button_upload,true);



//最顶层父布局

mLayout = (ViewGroup) findViewById(R.id.layout_container);



final int count = 9; //9格

final int rowCount = (count + 2) / 3;



for (int i = 0; i < rowCount; i++) {



if (i != 0) {

//加载横向布局线条

View.inflate(this, R.layout.layout_line_horizonal, mLayout);

}

//创建布局对象，设置按下颜色

final LinearLayout linearLayout = new LinearLayout(this);

linearLayout.setBackgroundResource(R.drawable.row_selector);



for (int j = 0; j < 3; j++) {



if (j != 0) {

//加载内层纵向布局线条

View.inflate(this, R.layout.layout_line_vertical, linearLayout);

}



ImageButton imageButton = new ImageButton(this);

imageButton.setBackgroundResource(R.drawable.row_selector);

imageButton.setTag(TAG);

imageButton.setOnClickListener(this);

imageButton.setEnabled(false);

LinearLayout.LayoutParams layoutParams =

new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT, 1.0f);

//添加到linearLayout布局中

linearLayout.addView(imageButton, layoutParams);



//将imageButton对象添加到列表

mImageButtonList.add(imageButton);

}



DisplayManager manager = DisplayManager.getInstance();

LayoutParams layoutParams = new LayoutParams(LayoutParams.MATCH_PARENT, manager.dipToPixel(100));

//将View添加到总父布局

mLayout.addView(linearLayout, layoutParams);

}

//外层设置ImageButton属性

final ImageButton currentImageButton = mImageButtonList.get(mCurrent);

currentImageButton.setImageResource(R.drawable.ic_add_picture);

currentImageButton.setScaleType(ScaleType.CENTER);

currentImageButton.setEnabled(true);



}

图片上传功能：

[java] view
plaincopyprint?

private class UploadPictureTask extends AsyncTask<List<String>, Integer, String> {



/* (non-Javadoc)

* @see android.os.AsyncTask#doInBackground(Params[])

*/

@Override

protected String doInBackground(List<String>... params) {

final List<String> pictureList = params[0];

for (int i = 0, len = pictureList.size(); i < len; i++) {

final File file = new File(pictureList.get(i));

//final String response = ApacheHttpUtils.post(mUrlPrefix + "/upload", new File[] {file});

// 解析，存储

//final UploadInfo upload = new UploadParser().parse(response).getData();

/*if (upload != null) {

final String url = upload.getUrl();

if (url != null) {

mPictureUrlList.add(url);

}

}*/

publishProgress(i);

}

return null;

}



/* (non-Javadoc)

* @see android.os.AsyncTask#onProgressUpdate(Progress[])

*/

@Override

protected void onProgressUpdate(Integer... values) {



}



/* (non-Javadoc)

* @see android.os.AsyncTask#onPostExecute(java.lang.Object)

*/

@Override

protected void onPostExecute(String result) {

//addPictures();

super.onPostExecute(result);

}

}

注：类中声明了三个列表去保存之前所操作的记录

[java] view
plaincopyprint?

mImageButtonList = new ArrayList<ImageButton>();

mPicturePathList = new ArrayList<String>();

mPictureUrlList = new ArrayList<String>();

关于细节大家感兴趣的下载源码学习吧。

欢迎下载源码：http://download.csdn.net/download/gao_chun/8776533