前言

在做第一个项目时照片选择器使用了开源的PhotoPicker
渐渐无法满足需求,就想着打造一款属于自己的照片选择器。

花了一周的时间完成了该项目,其实代码有一大半并非自己写的,在阅读PhotoPicker的代码之后,在该基础上做的修改以满足自己的需求。该项目基于PhotoPicker做的更改,同时参考GalleryPick其开源项目,集成了Ucrop裁剪

项目已开源到github,各位读者来点Star支持一下吧 传送门:PhotoPicker

正文

先预览一下效果

 
01.png
 
02.png
 
03.png
 
04.png

再来张gif图

 
send.gif
 
circleimage.gif

PhotoPicker功能介绍

  • 自定义图片加载方式
  • 图片单选、多选
  • 图片预览
  • 自定义主题颜色
  • 集成Ucrop裁剪

版本更新

  • 还没有...

使用说明:

allprojects {
repositories {
maven { url 'https://jitpack.io' }
jcenter()
}
}

在APP目录下的build.gradle中添加依赖

    compile 'com.github.yudu233:PhotoPicker:1.0.0'

照片选择器配置

new PhotoPickConfig.Builder(this)
.imageLoader(new GlideImageLoader()) //图片加载方式(必须)
.showCamera(true) //是否显示拍照按钮(默认false)
.clipPhoto(false) //是否裁剪图片(默认false)
.clipCircle(true) //裁剪方式(默认矩形)
.maxPickSize(9) //最多可选择图片个数(默认9张)
.pickMode(PhotoPickConfig.MODE_PICK_MORE) //手动设置照片多选还是单选(1单选2多选)
.spanCount(3) //手动设置GridView列数(默认3列)
.build();

AndroidManifest.xml 配置

        <activity
android:name=".ui.PhotoPickActivity"
android:theme="@style/PhoAppTheme.AppTheme" /> <activity
android:name=".ui.PhotoPreviewActivity"
android:theme="@style/PhoAppTheme.AppTheme" /> <activity
android:name="com.yalantis.ucrop.UCropActivity"
android:screenOrientation="portrait"
android:theme="@style/Theme.AppCompat.Light.NoActionBar"/> <activity android:name=".lookBigImage.ViewBigImageActivity"
android:screenOrientation="portrait"
android:theme="@style/Theme.AppCompat.Light.NoActionBar" />

配置说明

imageLoader(new GlideImageLoader()) //图片加载方式
图片加载方式可以自定义支持Glide、Piscasso、Fresco

clipCircle(true) //裁剪方式(默认矩形)
当打开裁剪功能时可选择裁剪方式,默认为矩形,设置为true时裁剪方式为圆形,适用于设置用户头像。
这里裁剪功能使用了开源的uCrop,暂时还未实现可自定义。

其他相关配置就不做过多介绍了,使用起来很方便,源码阅读起来也很简单
完全可以自己修改成自己需要的样子。

自定义主题颜色,同步App主题

    在Application里初始化PhotoPick
//默认颜色:橘色android.R.color.holo_red_light
PhotoPick.init(getApplicationContext());
//自定义主题颜色
PhotoPick.init(context, android.R.color.holo_red_light);

Activity 回调

    @Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
if (resultCode != RESULT_OK) return;
switch (requestCode) {
case PhotoPickConfig.PICK_REQUEST_CODE:
//如果是裁剪返回一张就不加入集合了所以这里多了判断
if (PhotoPickConfig.photoPickBean.isClipPhoto()){
Uri resultUri = Uri.parse(data.getStringExtra(PhotoPickConfig.EXTRA_CLIP_PHOTO));
//圆形图片加载
Glide.with(MainActivity.this).load(resultUri)
.transform(new GlideCircleTransform(this))
.into(mPic);
}else {
ArrayList<String> photoLists = data.getStringArrayListExtra(PhotoPickConfig.EXTRA_STRING_ARRAYLIST);
if (photoLists != null && !photoLists.isEmpty()) {
for (int i = 0; i < photoLists.size(); i++)
if (mImagePaths.size() < 9)
mImagePaths.add(photoLists.get(i));
}
mAddPicture.setPaths(mImagePaths);
}
break;
}
}

这里同时给大家展示仿微信发布动态,九宫格图片展示,查看大图。

自定义viewGroup仿微信发布动态 AddPicLayout

<rain.coder.photopicker.show.AddPicLayout
android:visibility="gone"
android:id="@+id/addPicture"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:child_padding="5dp"
app:row_size="4"/> //layout -> res -> values -> attrs下添加
<declare-styleable name="addPic">
<attr name="row_size" format="integer" /> //每行最大显示个数
<attr name="max_size" format="integer" /> //最多显示个数
<attr name="child_padding" format="dimension" /> //每张图片之间的间距
</declare-styleable> //添加监听
mAddPicture.setOnPreviewListener(this); //图片预览
// TODO: 2017/5/4 0004 发布动态选择照片一般要有删除照片的选择还未实现
@Override
public void onPreview(int pos, boolean showDelete) {
Bundle bundle = new Bundle();
bundle.putInt("select", 2);
bundle.putInt("code", pos);
bundle.putStringArrayList("image_uri", mImagePaths);
Intent intent = new Intent(MainActivity.this, ViewBigImageActivity.class);
intent.putExtras(bundle);
startActivity(intent);
} //照片选择
@Override
public void onPick() {
new PhotoPickConfig.Builder(this)
.imageLoader(new GlideImageLoader())
.showCamera(true)
.maxPickSize(9)
.build();
}

效果图

 
lookbigimage.gif

自定义viewGroup九宫格图片展示 NineGridImageView
这是github开源的,所以我不介绍了,作者讲的很详细
传送门:第一个开源控件:NineGridImageView(九宫格图片控件)

 <rain.coder.photopicker.NineGridImageView.NineGridImageView
android:visibility="gone"
android:id="@+id/ngl_images"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:imgGap="5dp"
app:maxSize="9"
app:showStyle="grid"
app:singleImgSize="160dp"/> //layout -> res -> values -> attrs下添加
<declare-styleable name="NineGridImageView">
<attr name="singleImgSize" format="dimension" />
<attr name="imgGap" format="dimension" />
<attr name="maxSize" format="integer" />
<attr name="showStyle" format="enum">
<enum name="grid" value="0" />
<enum name="fill" value="1" />
</attr>
</declare-styleable> private void showNineGridImage() {
NineGridImageView nineGridImageView = (NineGridImageView) findViewById(R.id.ngl_images);
nineGridImageView.setVisibility(View.VISIBLE);
nineGridImageView.setAdapter(mGridImageViewAdapter);
nineGridImageView.setImagesData(images);
} private NineGridImageViewAdapter<String> mGridImageViewAdapter = new NineGridImageViewAdapter<String>() {
@Override
protected void onDisplayImage(Context context, ImageView imageView, String s) {
//图片展示
Glide.with(MainActivity.this).load(s).into(imageView);
} @Override
protected ImageView generateImageView(Context context) {
return super.generateImageView(context);
} @Override
protected void onItemImageClick(Context context, ImageView imageView, int index, List<String> list) {
Bundle bundle = new Bundle();
bundle.putInt("select", 2);
bundle.putInt("code", index);
bundle.putStringArrayList("image_uri", images);
Intent intent = new Intent(MainActivity.this, ViewBigImageActivity.class);
intent.putExtras(bundle);
startActivity(intent);
}
};

效果图:

 
ninegridimage.gif

大概就这么多了,有什么问题建议评论见,喜欢的朋友Star一下啦,点赞一下啦,评论支持一下啦~


作者:乘以个六加一
链接:https://www.jianshu.com/p/a6b5831797d0
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

Android 打造属于自己的照片选择器的更多相关文章

  1. Android模仿iOS iMessages10照片选择器的实现

    不知不觉已经接近半年多没有写过博客了,这段时间,也是我刚好毕业走出校园的时间,由于学习工作的原因,一直没有真正静下心来写下些什么东西.这个星期刚入了小米笔记本pro的坑,本着新电脑新生活的理念嘻嘻-- ...

  2. iOS解决隐藏导航栏后,打开照片选择器后导航栏不显示的问题以及更换导航栏背景色

    问题描述: 遇到一种情况,在一个控制器上(隐藏了导航栏),打开照片选择器 UIImagePickerController后,照片选择器头部一片空白,且上滑相册时,信息会有错乱效果. 原因分析: 通过查 ...

  3. UIImagePicker照片选择器

    UIImagePickerController 1.+(BOOL)isSourceTypeAvailable:(UIImagePickerControllerSourceType)sourceType ...

  4. Android自己定义DataTimePicker(日期选择器)

    Android自己定义DataTimePicker(日期选择器)  笔者有一段时间没有发表关于Android的文章了,关于Android自己定义组件笔者有好几篇想跟大家分享的,后期会记录在博客中.本篇 ...

  5. Android 打造炫目的圆形菜单 秒秒钟高仿建行圆形菜单

    原文:Android 打造炫目的圆形菜单 秒秒钟高仿建行圆形菜单 转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/43131133, ...

  6. Android 打造自己的ImageLoader

    Android 打造自己的ImageLoader 学习和参考 Android开发艺术探索 https://blog.csdn.net/column/details/15318.html 郭霖大神的Gl ...

  7. Android 打造完美的侧滑菜单/侧滑View控件

    概述 Android 打造完美的侧滑菜单/侧滑View控件,完全自定义实现,支持左右两个方向弹出,代码高度简洁流畅,兼容性高,控件实用方便. 详细 代码下载:http://www.demodashi. ...

  8. Android:抄QQ照片选择器(按相册类别显示,加入选择题)

    这个例子的目的是为了实现类似至QQ照片选择功能.选择照片后,,使用类似新浪微博 微博 页面上显示. 先上效果图:     本例中使用的主要技术: 1.使用ContentProvider读取SD卡全部图 ...

  9. Android打造属于自己的数据库操作类。

    1.概述 开发Android的同学都知道sdk已经为我们提供了一个SQLiteOpenHelper类来创建和管理SQLite数据库,通过写一个子类去继承它,就可以方便的创建.管理数据库.但是当我们需要 ...

随机推荐

  1. Mysql替换两个字段的内容(字符串)

    问题:用一条sql来替换两个字段的内容 表内容:  待优化sql: update student set name=CONCAT(name,dname),dname=SUBSTR(name FROM ...

  2. C++ vector 排序

    C++ vector 排序 C++中当 vector 中的数据类型为基本类型时我们调用std::sort函数很容易实现 vector中数据成员的升序和降序排序,然而当vector中的数据类型为自定义结 ...

  3. ESB企业服务总线

    ESB是企业服务总线(Enterprise Service Bus)的缩写,是中间件技术与Web Service等技术结合的产物,也是SOA系统中的核心基础设施.ESB就是一个服务的中介,形成服务使用 ...

  4. 你不知道的JavasScript上篇·第五章·原型·上

    1.[[Prototype]] JS中的对象有一个特殊的[[Prototype]]内置属性,其实就是对于其他对象的引用.几乎所有的对象在创建时这个属性都被赋予一个非空的值 (proto) var my ...

  5. js实现禁止右键 禁止f12 查看源代码

    document.oncontextmenu = function () { return false; }; document.onkeydown = function () { if (windo ...

  6. avalonjs 实现简单购物车

    因为最近有在做购物车,然后我们是用avalon来实现一些模块的,所以顺其自然的用avalon来实现购物车,目前发现avalon还是比较强大的,大大的节约了代码量. 购物车一般具备的功能是加减数量.选择 ...

  7. ViewPager实现Recycle机制和响应notifyDataSetChanged

    1.目标 主界面要求水平移动翻页效果,每次只能翻一页,可以翻无数页. 2.实现思路 针对"每次只能翻一页"这个要求,简单使用SDK的话只有用ViewPager.ViewPager的 ...

  8. CSS 小结笔记之解决flex布局边框对不齐

    在使用flex 进行伸缩布局的时候,经常会给子盒子设置边框,这时经常会出现上下边框对不齐的情况.本篇文章来探讨并解决这个问题. 具体出现的问题如下图所示 具体代码如下 <!DOCTYPE htm ...

  9. 双启动:安装Windows 7 和 CentOS 7 双系统教程

    笔记本配置:8G内存,200G SSD,先在virbox中成功安装双系统,能正常进入并使用 Windows 7 和 CentOS 7. 网上看到一大堆的安装 wingrub  easyBCD,折腾了一 ...

  10. Python新建/删除文件夹

    新建以当前日期为名的文件夹 import datetime,os,shutil today = datetime.datetime.now().date().strftime('%Y%m%d') pa ...