README_zh.md 6.2 KB
Newer Older
N
add doc  
Nereo 已提交
1
# MultiImageSelector
N
Nereo 已提交
2
仿微信实现多图选择。支持单选和多选两种模式
N
add doc  
Nereo 已提交
3 4 5 6 7 8 9 10

[English Doc](README.md)

###截图
![Example1](art/example_1.png) ![Select1](art/select_1.png) ![Select2](art/select_2.png) ![Select3](art/select_3.png)

-------------------

N
Nereo 已提交
11 12 13 14
###运行DEMO

>./gradlew installDebug

N
add doc  
Nereo 已提交
15 16 17 18 19 20
###快速开始
* 第0步
把模块 `multi-image-selector` 作为你的项目依赖添加到工程中.

* 第1步 
在你的 `AndroidManifest.xml` 文件中添加权限 `android.permission.READ_EXTERNAL_STORAGE`.
T
tunereo 已提交
21
在你的 `AndroidManifest.xml` 文件中添加权限 `android.permission.WRITE_EXTERNAL_STORAGE`.
N
add doc  
Nereo 已提交
22
别忘了同时在 `AndroidManifest.xml` 中声明 `MultiImageSelectorActivity` 这个Activity.
N
Nereo 已提交
23
```xml
N
Nereo 已提交
24 25 26 27 28 29 30 31 32 33 34 35
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

<application

    ...

    <!--Image Selector Entry-->
    <activity
        android:configChanges="orientation|screenSize"
        android:name="me.nereo.multi_image_selector.MultiImageSelectorActivity" />
</application>
N
Nereo 已提交
36
```
N
add doc  
Nereo 已提交
37 38

* 第2步
N
Nereo 已提交
39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58
在你的代码中简单调用( 版本`version-1.1`之后支持 ), eg.

``` java
// Multi image selector form an Activity
MultiImageSelector.create(Context)
        .start(Activity, REQUEST_CODE);
```

详细可使用的Api.
``` java
MultiImageSelector.create(Context)
        .showCamera(boolean) // 是否显示相机. 默认为显示
        .count(int) // 最大选择图片数量, 默认为9. 只有在选择模式为多选时有效
        .single() // 单选模式
        .multi() // 多选模式, 默认模式;
        .origin(ArrayList<String>) // 默认已选择图片. 只有在选择模式为多选时有效
        .start(Activity/Fragment, REQUEST_CODE);
```

同样支持老版本的 `Intent` 调用方法:
N
Nereo 已提交
59
```java
N
add doc  
Nereo 已提交
60 61 62 63 64 65 66
Intent intent = new Intent(mContext, MultiImageSelectorActivity.class);
// 是否显示调用相机拍照
intent.putExtra(MultiImageSelectorActivity.EXTRA_SHOW_CAMERA, true);
// 最大图片选择数量
intent.putExtra(MultiImageSelectorActivity.EXTRA_SELECT_COUNT, 9);
// 设置模式 (支持 单选/MultiImageSelectorActivity.MODE_SINGLE 或者 多选/MultiImageSelectorActivity.MODE_MULTI)
intent.putExtra(MultiImageSelectorActivity.EXTRA_SELECT_MODE, MultiImageSelectorActivity.MODE_MULTI);
T
tunereo 已提交
67 68
// 默认选择图片,回填选项(支持String ArrayList)
intent.putStringArrayListExtra(MultiImageSelectorActivity.EXTRA_DEFAULT_SELECTED_LIST, defaultDataArray);
N
add doc  
Nereo 已提交
69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94
startActivityForResult(intent, REQUEST_IMAGE);
```

* 第3步
在你的 `onActivityResult` 方法中接受结果. 例如:
```java
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if(requestCode == REQUEST_IMAGE){
        if(resultCode == RESULT_OK){
            // 获取返回的图片列表
            List<String> path = data.getStringArrayListExtra(MultiImageSelectorActivity.EXTRA_RESULT);
            // 处理你自己的逻辑 ....
        }
    }
}
```

* 第4步
没第4步了,就这样就OK啦~ :)

-------------------

###自定义显示
* 自定义Activity
N
Nereo 已提交
95
```java
N
add doc  
Nereo 已提交
96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133
class CustomerActivity extends Activity implements MultiImageSelectorFragment.Callback{
	@Override
    protected void onCreate(Bundle savedInstanceState) {
		// 你自己的逻辑...
        Bundle bundle = new Bundle();
        bundle.putInt(MultiImageSelectorFragment.EXTRA_SELECT_COUNT, mDefaultCount);
        bundle.putInt(MultiImageSelectorFragment.EXTRA_SELECT_MODE, mode);
        <bundle class="putBo"></bundle>olean(MultiImageSelectorFragment.EXTRA_SHOW_CAMERA, isShow);
        // 添加主Fragment到Activity
        getSupportFragmentManager().beginTransaction()
                .add(R.id.image_grid, Fragment.instantiate(this, MultiImageSelectorFragment.class.getName(), bundle))
                .commit();
	}
	@Override
    public void onSingleImageSelected(String path) {
        // 当选择模式设定为 单选/MODE_SINGLE, 这个方法就会接受到Fragment返回的数据
    }

    @Override
    public void onImageSelected(String path) {
        // 一个图片被选择是触发,这里可以自定义的自己的Actionbar行为
    }

    @Override
    public void onImageUnselected(String path) {
        // 一个图片被反选是触发,这里可以自定义的自己的Actionbar行为
    }

    @Override
    public void onCameraShot(File imageFile) {
        // 当设置了使用摄像头,用户拍照后会返回照片文件
    }
}
```
* 具体可以参考`MultiImageSelectorActivity.java`的实现

-------------------

N
Nereo 已提交
134 135
###更新日志

T
tunereo 已提交
136 137 138 139 140 141
* 2016-1-19
    1. 修复. 无法加载大小为0的图片
    2. 新增. 拍照后通知媒体扫描,加入图库
    3. 修复. 红米无法拍照问题
    4. 优化. 拍照Item的显示

N
Nereo 已提交
142 143 144 145
* 2015-5-5
    1. 修复. 某些图片无法显示. (Issue by[sd6352051](https://github.com/sd6352051), [larry](https://github.com/18611480882))
    2. 修复. `ListPopupWindow` 无法填充父控件
    3. 新增. 选中的遮罩效果.
N
Nereo 已提交
146

N
Nereo 已提交
147 148 149 150 151 152
* 2015-4-16
    1. 修复. 旋转设备时,程序会崩溃. (Issue by [@Leminity](https://github.com/Leminity))
    2. 修复. 文件夹PopupListView位置错误. (Issue by [@Slock](https://github.com/Slock))
    3. 更改. 演示程序截图.
    4. 更改. Readme 文件.

N
Nereo 已提交
153 154 155 156 157
* 2015-4-9
    1. 修复. 当设置 `EXTRA_SHOW_CAMERA``true` 时, 点击第一个Item会混乱的问题.
    2. 新增. 支持初始化图片选择设定。


N
Nereo 已提交
158 159
-------------------

N
add doc  
Nereo 已提交
160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179
###感谢

* [square-picasso](https://github.com/square/picasso) A powerful image downloading and caching library for Android 

-------------------

###License
>The MIT License (MIT)

>Copyright (c) 2015 Nereo

>Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

>The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.