Android之多图片选择器MultiImageSelector库的使用（仿微信）

女爷i 2022-09-26 03:14 563阅读 0赞

效果图：

![Center][]![Center 1][]

![Center 2][]![Center 3][]

第0步

把模块 multi-image-selector 作为你的项目依赖添加到工程中.  
 （android studio 导入并依赖）  
  导入：File----new----Import Module

关联：Ctrl+alt+shift+s----Dependencies----+---Module dependency

第1步   
  在你的 AndroidManifest.xml 文件中添加权限 android.permission.READ\_EXTERNAL\_STORAGE. 在你的       
  AndroidManifest.xml 文件中添加权限 android.permission.WRITE\_EXTERNAL\_STORAGE. 别忘了同时在         
  AndroidManifest.xml 中声明 MultiImageSelectorActivity 这个Activity.  
  <activity  
    android:configChanges="orientation|screenSize"

android:name="me.nereo.multi\_image\_selector.MultiImageSelectorActivity" />

第3步  
   写布局activity\_main.xml

**\[html\]**  [view plain][]   [copy][view plain]

[![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<****span** style="font-size:18px;"**>****<****LinearLayout** xmlns:android="http://schemas.android.com/apk/res/android"  
2.      xmlns:tools="http://schemas.android.com/tools"  
3.      android:layout\_width="match\_parent"  
4.      android:layout\_height="match\_parent"  
5.      android:orientation="vertical"  
6.      android:paddingBottom="@dimen/activity\_vertical\_margin"  
7.      android:paddingLeft="@dimen/activity\_horizontal\_margin"  
8.      android:paddingRight="@dimen/activity\_horizontal\_margin"  
9.      android:paddingTop="@dimen/activity\_vertical\_margin"  
10.     tools:context=".MainActivity"**>**  
11.   
12.     **<****TextView**  
13.         android:layout\_width="match\_parent"  
14.         android:layout\_height="wrap\_content"  
15.         android:focusable="true"  
16.         android:focusableInTouchMode="true"  
17.         android:text="选择模式"  
18.         android:textColor="@android:color/black"  
19.         android:textSize="16sp"  
20.         android:textStyle="bold" **/>**  
21.   
22.     **<****RadioGroup**  
23.         android:id="@+id/choice\_mode"  
24.         android:layout\_width="match\_parent"  
25.         android:layout\_height="wrap\_content"  
26.         android:checkedButton="@+id/multi"  
27.         android:orientation="vertical"**>**  
28.   
29.         **<****RadioButton**  
30.             android:id="@+id/single"  
31.             android:layout\_width="wrap\_content"  
32.             android:layout\_height="wrap\_content"  
33.             android:text="选择一张" **/>**  
34.   
35.         **<****RadioButton**  
36.             android:id="@+id/multi"  
37.             android:layout\_width="wrap\_content"  
38.             android:layout\_height="wrap\_content"  
39.             android:text="选择多张" **/>**  
40.   
41.     **</****RadioGroup****>**  
42.   
43.     **<****TextView**  
44.         android:layout\_width="match\_parent"  
45.         android:layout\_height="wrap\_content"  
46.         android:text="最大选择数量"  
47.         android:textColor="@android:color/black"  
48.         android:textSize="16sp"  
49.         android:textStyle="bold" **/>**  
50.   
51.     **<****EditText**  
52.         android:id="@+id/request\_num"  
53.         android:layout\_width="match\_parent"  
54.         android:layout\_height="wrap\_content"  
55.         android:enabled="false"  
56.         android:hint="默认是9张"  
57.         android:inputType="number" **/>**  
58.   
59.     **<****TextView**  
60.         android:layout\_width="match\_parent"  
61.         android:layout\_height="wrap\_content"  
62.         android:text="上否可以照相"  
63.         android:textColor="@android:color/black"  
64.         android:textSize="16sp"  
65.         android:textStyle="bold" **/>**  
66.   
67.     **<****RadioGroup**  
68.         android:id="@+id/show\_camera"  
69.         android:layout\_width="match\_parent"  
70.         android:layout\_height="wrap\_content"  
71.         android:checkedButton="@+id/show"  
72.         android:orientation="vertical"**>**  
73.   
74.         **<****RadioButton**  
75.             android:id="@+id/show"  
76.             android:layout\_width="wrap\_content"  
77.             android:layout\_height="wrap\_content"  
78.             android:text="可以" **/>**  
79.   
80.         **<****RadioButton**  
81.             android:id="@+id/no\_show"  
82.             android:layout\_width="wrap\_content"  
83.             android:layout\_height="wrap\_content"  
84.             android:text="不可以" **/>**  
85.   
86.     **</****RadioGroup****>**  
87.   
88.     **<****Button**  
89.         android:id="@+id/button"  
90.         android:layout\_width="match\_parent"  
91.         android:layout\_height="wrap\_content"  
92.         android:text="图片选择" **/>**  
93.   
94.       
95.     **<****ScrollView**  
96.         android:layout\_width="match\_parent"  
97.         android:layout\_height="match\_parent"**>**  
98.   
99.         **<****TextView**  
100.             android:id="@+id/result"  
101.             android:layout\_width="match\_parent"  
102.             android:layout\_height="wrap\_content" **/>**  
103.   
104.     **</****ScrollView****>**  
105.   
106. **</****LinearLayout****>**  
107. **</****span****>**

第4布  
   在MainActivity中写代码：

**\[java\]**  [view plain][]   [copy][view plain]

[![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  <span style="font-size:18px;">**public** **class** MainActivity **extends** ActionBarActivity \{  
2.      //      展示选中图片的路径  
3.      **private** TextView mResultText;  
4.      //      选择模式，选择一张或者多张  
5.      **private** RadioGroup mChoiceMode;  
6.      //      是否可以照相  
7.      **private** RadioGroup mShowCamera;  
8.      //      最多选择的数量  
9.      **private** EditText mRequestNum;  
10.     //    选择图片的按钮  
11.     **private** Button button;  
12.    //    存放图片路径的list  
13.     **private** ArrayList<String> mSelectPath;  
14.     //启动actviity的请求码  
15.     **private** **static** **final** **int** REQUEST\_IMAGE = 2;  
16.   
17.   
18.     @Override  
19.     **protected** **void** onCreate(Bundle savedInstanceState) \{  
20.         **super**.onCreate(savedInstanceState);  
21.         setContentView(R.layout.activity\_main);  
22.         initView();  
23.         myOnclick();  
24.     \}  
25.   
26.     @Override  
27.     **protected** **void** onActivityResult(**int** requestCode, **int** resultCode, Intent data) \{  
28.         **super**.onActivityResult(requestCode, resultCode, data);  
29.         **if**(requestCode == REQUEST\_IMAGE)\{  
30.             **if**(resultCode == RESULT\_OK)\{  
31.                 mSelectPath = data.getStringArrayListExtra(MultiImageSelectorActivity.EXTRA\_RESULT);  
32.                 StringBuilder sb = **new** StringBuilder();  
33.                 **for**(String p: mSelectPath)\{  
34.                     sb.append(p);  
35.                     sb.append("\\n");  
36.                 \}  
37.                 mResultText.setText(sb.toString());  
38.             \}  
39.         \}  
40.     \}  
41.     **private** **void** myOnclick() \{  
42. //      模式选择  
43.         mChoiceMode.setOnCheckedChangeListener(**new** RadioGroup.OnCheckedChangeListener() \{  
44.             @Override  
45.             **public** **void** onCheckedChanged(RadioGroup radioGroup, **int** checkedId) \{  
46.                 **if**(checkedId == R.id.multi)\{  
47.                     mRequestNum.setEnabled(**true**);  
48.                 \}**else**\{  
49.                     mRequestNum.setEnabled(**false**);  
50.                     mRequestNum.setText("");  
51.                 \}  
52.             \}  
53.         \});  
54.         button.setOnClickListener(**new** View.OnClickListener() \{  
55.             @Override  
56.             **public** **void** onClick(View v) \{  
57.                 **int** selectedMode = MultiImageSelectorActivity.MODE\_MULTI;  
58.   
59.                 **if**(mChoiceMode.getCheckedRadioButtonId() == R.id.single)\{  
60.                     selectedMode = MultiImageSelectorActivity.MODE\_SINGLE;  
61.                 \}**else**\{  
62.                     selectedMode = MultiImageSelectorActivity.MODE\_MULTI;  
63.                 \}  
64.   
65.                 **boolean** showCamera = mShowCamera.getCheckedRadioButtonId() == R.id.show;  
66.   
67.                 **int** maxNum = 9;  
68.                 **if**(!TextUtils.isEmpty(mRequestNum.getText()))\{  
69.                     maxNum = Integer.valueOf(mRequestNum.getText().toString());  
70.                 \}  
71.   
72.                 Intent intent = **new** Intent(MainActivity.**this**, MultiImageSelectorActivity.**class**);  
73.                 // 是否显示拍摄图片  
74.                 intent.putExtra(MultiImageSelectorActivity.EXTRA\_SHOW\_CAMERA, showCamera);  
75.                 // 最大可选择图片数量  
76.                 intent.putExtra(MultiImageSelectorActivity.EXTRA\_SELECT\_COUNT, maxNum);  
77.                 // 选择模式  
78.                 intent.putExtra(MultiImageSelectorActivity.EXTRA\_SELECT\_MODE, selectedMode);  
79.                 // 默认选择  
80.                 **if**(mSelectPath != **null** && mSelectPath.size()>0)\{  
81.                     intent.putExtra(MultiImageSelectorActivity.EXTRA\_DEFAULT\_SELECTED\_LIST, mSelectPath);  
82.                 \}  
83.                 startActivityForResult(intent, REQUEST\_IMAGE);  
84.             \}  
85.         \});  
86.   
87.     \}  
88.     /\*\* 
89.      \* 初始化控件 
90.      \*/  
91.     **private** **void** initView() \{  
92. //      展示选中图片的路径  
93.         mResultText = (TextView) findViewById(R.id.result);  
94. //      选择模式，选择一张或者多张  
95.         mChoiceMode = (RadioGroup) findViewById(R.id.choice\_mode);  
96. //      是否可以照相  
97.         mShowCamera = (RadioGroup) findViewById(R.id.show\_camera);  
98. //      最多选择的数量  
99.         mRequestNum = (EditText) findViewById(R.id.request\_num);  
100. //      选择按钮  
101.         button = (Button)findViewById(R.id.button);  
102.   
103.     \}  
104. \}</span>

源码及依赖库的下载：

[http://download.csdn.net/detail/zhaihaohao1/9495930][http_download.csdn.net_detail_zhaihaohao1_9495930]

参考文章：

[https://github.com/lovetuzitong/MultiImageSelector/blob/master/README\_zh.md][https_github.com_lovetuzitong_MultiImageSelector_blob_master_README_zh.md]

[Center]: https://img-blog.csdn.net/20160419161454980?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: /images/20220717/5a79652e87d94e1f8cb1715424d461e6.png
[Center 2]: https://img-blog.csdn.net/20160419161528215?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 3]: /images/20220717/24eb979bf8c743b39cd57ed15afeba9e.png
[view plain]: http://blog.csdn.net/zhaihaohao1/article/details/51191383#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/1652945
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/1652945/fork
[http_download.csdn.net_detail_zhaihaohao1_9495930]: http://download.csdn.net/detail/zhaihaohao1/9495930
[https_github.com_lovetuzitong_MultiImageSelector_blob_master_README_zh.md]: https://github.com/lovetuzitong/MultiImageSelector/blob/master/README_zh.md