Android PhotoSelector高仿微信图片选择器

1字数 288阅读 390

Android图片选择器,仿微信的图片选择器的样式和效果。可横竖屏切换显示, 自定义配置,单选,多选,是否显示拍照,material design风格,单选裁剪,拍照裁剪,滑动翻页预览,双击放大,缩放

Github地址java版:https://github.com/wj576038874/PhotoSelector

Github地址kotlin版:https://github.com/wj576038874/PhotoSlectorKotlin

效果图: 点击下载APK进行体验

gif5新文件.gif
1、引入依赖

在工程的build.gradle添加如下配置

allprojects {
    repositories {
        google()
        jcenter()
        maven { url "https://jitpack.io" }
    }
}
2、在Module的build.gradle在添加以下代码
implementation 'com.winfo.photoselector:PhotoSelector:1.2.1'
3、说明

PhotoSelector的图片加载是基于glide4.7.1实现的,可以自定义加载动画,预览照片使用 com.github.chrisbanes:PhotoView:2.1.3 裁剪使用的是com.github.yalantis:ucrop:2.2.2等开源库,列表加载,翻页预览这里没有使用viewpager使用的是recycleview

4、使用

在你的项目中的AndroidManifest文件中添加以下配置

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

<!--注意这里的android:theme="@style/AppTheme" AppTheme一定要是NoActionbar类型的主题-->
<activity
    android:name="com.yalantis.ucrop.UCropActivity"
    android:screenOrientation="portrait"
    android:theme="@style/AppTheme" />
<activity
    android:name="com.winfo.photoselector.ImageSelectorActivity"
    android:configChanges="orientation|keyboardHidden|screenSize"
    android:theme="@style/AppTheme" />
<activity
    android:name="com.winfo.photoselector.PreviewActivity"
    android:configChanges="orientation|keyboardHidden|screenSize"
    android:theme="@style/AppTheme" />

<activity
    android:name="com.winfo.photoselector.RvPreviewActivity"
    android:configChanges="orientation|keyboardHidden|screenSize"
    android:theme="@style/AppTheme" />
4、调起图片选择器

调用的是很简单,只需要一句代码,其他可选择性配置

//单选
PhotoSelector.builder()
        .setSingle(true)
        .start(MainActivity.this, SINGLE_CODE);

//多选(最多9张)
PhotoSelector.builder()
        .setShowCamera(true)//显示拍照
        .setMaxSelectCount(9)//最大选择9 默认9,如果这里设置为-1则是不限数量
        .setSelected(images)//已经选择的照片
        .setGridColumnCount(3)//列数
        .setMaterialDesign(true)//design风格
        .setToolBarColor(ContextCompat.getColor(this, R.color.colorPrimary))//toolbar的颜色
        .setBottomBarColor(ContextCompat.getColor(this, R.color.colorPrimary))//底部bottombar的颜色
        .setStatusBarColor(ContextCompat.getColor(this, R.color.colorPrimary))//状态栏的颜色
        .start(MainActivity.this, LIMIT_CODE);//当前activity 和 requestCode,不传requestCode则默认为PhotoSelector.DEFAULT_REQUEST_CODE

//多选(不限数量)
PhotoSelector.builder()
        .setMaxSelectCount(-1)//-1不限制数量
        .setSelected(images)
        .start(MainActivity.this, UN_LIMITT_CODE);     

//单选后剪裁 裁剪的话都是针对一张图片所以要设置setSingle(true)
PhotoSelector.builder()
       .setSingle(true)//单选,裁剪都是单选
       .setCrop(true)//是否裁剪
       .setCropMode(PhotoSelector.CROP_RECTANG)//设置裁剪模式 矩形还是圆形
       .setStatusBarColor(ContextCompat.getColor(this, R.color.colorAccent))
       .setToolBarColor(ContextCompat.getColor(this, R.color.colorAccent))
       .setBottomBarColor(ContextCompat.getColor(this, R.color.colorAccent))
       .setStatusBarColor(ContextCompat.getColor(this, R.color.colorAccent))
       .start(MainActivity.this, CROP_CODE);   

推荐阅读更多精彩内容

  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
  • 一早上起来就看到手机提示灯在闪晃,迫不及待打开一看,原是日历的推送消息“立秋 8月7日”,莫名有了一秒钟的小失落,...
  • 这件衣服主要是表现格纹面料的上衣 格纹上衣绘制步骤: 1.用中度灰色马克笔平涂 2.用黑色彩铅画小格纹,在交叉点上...
  • 过两天就是两年一度的北京国际车展了,喜欢车的小伙伴可以行动起来了。作为今年国内级别最高,规模最大的车展,这次北京车...