android 拍照和相册略缩图九宫格显示，点击预览缩放

一：基本效果

1.    拍照------>获取略缩图并加载到布局上

2.    相册选取(9张一次)------------->可以预览缩放-------->获取略缩图并加载到布局上

3.     点击略缩图预览大图，移动缩放，可以删除图片


```

引入依赖：

        implementation'me.iwf.photopicker:PhotoPicker:0.1.8'

        implementation'com.github.bumptech.glide:glide:3.6.1'

        implementation'com.commit451:PhotoView:1.2.4'

```


allprojects {

        repositories {

                            jcenter()

                            maven { url"https://jitpack.io" }

                        }

                }


二：效果图（九宫格选择，在MainActivity里打开choosePhoto方法即可，效果图就先不放了）



三：核心代码


1）MainActivity

public class MainActivity extends AppCompatActivity {

private Stringfilename;

private Stringname;

Buttonbtn_photo;

private static final int REQUEST_CODE =100;

private NoScrollGridViewitemLayout;

private ArrayListphotos;

private Listphotossss;

private NinePicturesAdapterninePicturesAdapter;

protected ArrayListaddresses =new ArrayList<>();

@Override

    protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//创建监听器 绑定Button资源

          btn_photo = (Button) findViewById(R.id.btn_photo);

//设置Button监听

        btn_photo.setOnClickListener(new MyButtonListener());

filename = Environment.getExternalStorageDirectory().getAbsolutePath() +"/photos/";

//为不可滑动GridView设置适配器

        itemLayout = (NoScrollGridView) findViewById(R.id.recycler_view);

//九宫格图片适配器，一次最多选择9张图片

        ninePicturesAdapter =new NinePicturesAdapter(this,9,new NinePicturesAdapter.OnClickAddListener() {

@Override

            public void onClickAdd(int positin) {

//choosePhoto();

                  takephoto();

}

},new NinePicturesAdapter.OnItemClickAddListener() {

@Override

            public void onItemClick(int positin) {

Log.i(TAG,"------------onItemClick: "+positin);

//得到图片Url

                String[] array =new String[ninePicturesAdapter.getPhotoCount()];

// List转换成数组

                for (int i =0; i

array[i] =photossss.get(i);

}

Log.i(TAG,"----array:--- "+array.length);

//Toast.makeText(MainActivity.this,"查看大图",Toast.LENGTH_SHORT).show();

//查看大图

                imageBrower(positin,array);

}

});

//不可滑动GridView设置为九宫格格式

        itemLayout.setAdapter(ninePicturesAdapter);

}

@Override

    protected void onSaveInstanceState(Bundle outState) {

super.onSaveInstanceState(outState);

//在这保存 name 的数据

        outState.putString("name",name);

}

//读取数据

    @Override

    protected void onRestoreInstanceState(Bundle savedInstanceState) {

super.onRestoreInstanceState(savedInstanceState);

name = savedInstanceState.getString("name");

}

//实现OnClickListener接口

    private class MyButtonListenerimplements View.OnClickListener {

@Override

        public void onClick(View view) {

Toast.makeText(MainActivity.this,"打开了相机",Toast.LENGTH_SHORT).show();

//拍照

            takephoto();

}

}

//拍照

    private void takephoto() {

//判断是否有相机

        boolean b = PhotoUtils.hasCamera(MainActivity.this);

if (b) {

name = getPhotoFileName();

File mFile =new File(filename);

if (!mFile.exists()) {

mFile.mkdirs();

}

File mPhotoFile =new File(filename,name);

//启动相机

            Intent captureIntent =new Intent("android.media.action.IMAGE_CAPTURE");

Uri fileUri = FileProvider.getUriForFile(MainActivity.this,"com.an.myphotodemo.fileprovider", mPhotoFile);

captureIntent.putExtra(MediaStore.EXTRA_OUTPUT,fileUri);

startActivityForResult(captureIntent,0);

}else {

Toast.makeText(MainActivity.this,"系统无相机", Toast.LENGTH_SHORT).show();

}

}

//设置拍照后图片名称

    private String getPhotoFileName() {

Date date =new Date(System.currentTimeMillis());

SimpleDateFormat dateFormat =new SimpleDateFormat(

"'IMG'_yyyyMMdd_HH-mm-ss");

return dateFormat.format(date) +".jpg";

}

/**

* 每一张图片放大查看

    * @param position

    * @param urls

    */

    private void imageBrower(int position, String[] urls) {

Intent intent =new Intent(this, ImagePagerActivity.class);

// 图片url,为了演示这里使用常量，一般从数据库中或网络中获取

        intent.putExtra(ImagePagerActivity.EXTRA_IMAGE_URLS, urls);

intent.putExtra(ImagePagerActivity.EXTRA_IMAGE_INDEX, position);

startActivity(intent);

}

/**

* 开启图片选择器

*/

    private void choosePhoto() {

PhotoPickerIntent intent =new PhotoPickerIntent(MainActivity.this);

intent.setPhotoCount(9);

intent.setShowCamera(true);

startActivityForResult(intent,REQUEST_CODE);

//ImageLoaderUtils.display(context,imageView,path);

    }

private static final StringTAG ="MainActivity";

/**

* 接受返回的图片数据

    * @param requestCode

    * @param resultCode

    * @param data

    */

    @Override

    protected void onActivityResult(int requestCode,int resultCode, Intent data) {

super.onActivityResult(requestCode, resultCode, data);

//获取到相机拍的照片

          if (requestCode==0) {

String filestr =filename +"/" +name;

//向flowlayout中添加图片

//调试打印照相图片路径

            System.out.println("=========================1=============================");

System.out.println(filestr);

if(ninePicturesAdapter!=null) {

//将String类型转换成ListArray

                  List addresses = Arrays.asList(filestr);

//九宫格里添加图片

                  ninePicturesAdapter.addAll(addresses);

photossss =ninePicturesAdapter.getData();

}

}

//获取到相册里的图片

        else  if (resultCode ==RESULT_OK && requestCode ==REQUEST_CODE) {

if (data !=null) {

photos = data.getStringArrayListExtra(PhotoPickerActivity.KEY_SELECTED_PHOTOS);

for (int i =0; i

Log.i(TAG,"----------onActivityResult: "+photos.get(i));

}

if(ninePicturesAdapter!=null) {

Log.i(TAG,"----------photossss: ========");

//九宫格里添加图片

                        ninePicturesAdapter.addAll(photos);

//相册照片路径打印

                        Log.i(TAG,"==========================================================");

System.out.println(photos);

photossss =ninePicturesAdapter.getData();

Log.i(TAG,"----------photossss: ========"+photossss.size());

}

}

}

}

}


2)ImageLoaderUtils：图片加载工具类 使用glide框架封装，将图片加载到Gridview

public class ImageLoaderUtils {

public static void display(Context context, ImageView imageView, String url,int placeholder,int error) {

if (imageView ==null) {

throw new IllegalArgumentException("argument error");

}

Glide.with(context).load(url).placeholder(placeholder)

.error(error).crossFade().into(imageView);

}

public static void display(Context context, ImageView imageView, String url) {

if (imageView ==null) {

throw new IllegalArgumentException("argument error");

}

Glide.with(context).load(url)

.diskCacheStrategy(DiskCacheStrategy.ALL)

.fitCenter()

.placeholder(R.drawable.ic_image_loading)

.error(R.drawable.ic_empty_picture)

.crossFade().into(imageView);

}

public static void display(Context context, ImageView imageView, File url) {

if (imageView ==null) {

throw new IllegalArgumentException("argument error");

}

Glide.with(context).load(url)

.diskCacheStrategy(DiskCacheStrategy.ALL)

.fitCenter()

.placeholder(R.drawable.ic_image_loading)

.error(R.drawable.ic_empty_picture)

.crossFade().into(imageView);

}

public static void displaySmallPhoto(Context context, ImageView imageView, String url) {

if (imageView ==null) {

throw new IllegalArgumentException("argument error");

}

Glide.with(context).load(url).asBitmap()

.diskCacheStrategy(DiskCacheStrategy.ALL)

.placeholder(R.drawable.ic_image_loading)

.error(R.drawable.ic_empty_picture)

.thumbnail(0.5f)

.into(imageView);

}

public static void displayBigPhoto(Context context, ImageView imageView, String url) {

if (imageView ==null) {

throw new IllegalArgumentException("argument error");

}

Glide.with(context).load(url).asBitmap()

.format(DecodeFormat.PREFER_ARGB_8888)

.diskCacheStrategy(DiskCacheStrategy.ALL)

.placeholder(R.drawable.ic_image_loading)

.error(R.drawable.ic_empty_picture)

.into(imageView);

}

public static void display(Context context, ImageView imageView,int url) {

if (imageView ==null) {

throw new IllegalArgumentException("argument error");

}

Glide.with(context).load(url)

.diskCacheStrategy(DiskCacheStrategy.ALL)

//.fitCenter()

                .placeholder(R.drawable.ic_image_loading)

.error(R.drawable.ic_empty_picture)

.crossFade().into(imageView);

}

public static void displayRound(Context context, ImageView imageView, String url) {

if (imageView ==null) {

throw new IllegalArgumentException("argument error");

}

Glide.with(context).load(url)

.diskCacheStrategy(DiskCacheStrategy.ALL)

.error(R.drawable.toux2)

.fitCenter().transform(new GlideRoundTransformUtil(context)).into(imageView);

}

public static void displayRound(Context context, ImageView imageView,int resId) {

if (imageView ==null) {

throw new IllegalArgumentException("argument error");

}

Glide.with(context).load(resId)

.diskCacheStrategy(DiskCacheStrategy.ALL)

.error(R.drawable.toux2)

.fitCenter().transform(new GlideRoundTransformUtil(context)).into(imageView);

}

}


3)xml

1>image_detail_pager.xml

<?xml version="1.0" encoding="utf-8"?>

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

        android:id="@+id/pager"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        />

        android:id="@+id/btn_back1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="返回" />



        android:id="@+id/indicator"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_gravity="bottom"

        android:gravity="center"

        android:textSize="18sp"

        android:textColor="@android:color/white"

        android:text="@string/viewpager_indicator"

        android:background="@android:color/transparent" />


2>image_detail_fragment.xml


    android:layout_width="match_parent"

    android:layout_height="match_parent"

    >

        android:id="@+id/image"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:scaleType="fitCenter"

        />


说明一下，上面俩个xml文件分别对应viewpage 和 photoview，一个用来滑动页，一个具体的放缩


具体源码请移步我的GitHub - nikezzy1/photoDemo

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 158,847评论 4赞 362
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 67,208评论 1赞 292
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 108,587评论 0赞 243
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 43,942评论 0赞 205
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 52,332评论 3赞 287
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 40,587评论 1赞 218
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 31,853评论 2赞 312
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 30,568评论 0赞 198
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 34,273评论 1赞 242
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2赞 246
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1赞 260
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 28,373评论 2赞 253
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 33,031评论 3赞 236
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0赞 8
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0赞 195
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2赞 274
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2赞 269