Android点击图片显示大图，长按保存网络图片到本地相册，单击返回。（GestureDetector)（RxJava)（Easypermissions）(AlertView)

最新推荐文章于 2024-04-16 02:28:21 发布

ArcheH

最新推荐文章于 2024-04-16 02:28:21 发布

阅读量3k

点赞数 2

文章标签： android

本文链接：https://blog.csdn.net/ArcheH/article/details/78657250

版权

前言

周末写一个看图片的模块时，想实现类似微信那种查看图片的效果。于是，就自己尝试了一下。先看一下效果：
这里写图片描述

界面编写：

界面就非常简单，一个线性布局，将其属性设置为horizontal，然后将ImageView设置为在界面的中间显示。

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.administrator.read.activity.PhotoDetailActivity">
    <LinearLayout
        android:background="@color/black"
        android:id="@+id/content1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="8dp"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/image1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"/>

    </LinearLayout>
</FrameLayout>

手势监听

通过Glide加载网络图片。

        Glide.with(this).load(url).into(imageView);

GestureDetector的概述

当用户触摸屏幕的时候，会产生许多手势，例如down，up，scroll，filing等等。
一般情况下，我们知道View类有个View.OnTouchListener内部接口，通过重写他的onTouch(View v,
MotionEvent event)方法，我们可以处理一些touch事件，但是这个方法太过简单，如果需要处理一些复杂的手势，用这个接口就会很麻烦（因为我们要自己根据用户触摸的轨迹去判断是什么手势）。
Android sdk给我们提供了GestureDetector（Gesture：手势Detector：识别）类，通过这个类我们可以识别很多的手势，主要是通过他的onTouchEvent(event)方法完成了不同手势的识别。虽然他能识别手势，但是不同的手势要怎么处理，应该是提供给程序员实现的。
GestureDetector这个类对外提供了两个接口和一个外部类。
接口：OnGestureListener，OnDoubleTapListener
外部类:SimpleOnGestureListener
这个外部类，其实是两个接口中所有函数的集成，它包含了这两个接口里所有必须要实现的函数而且都已经重写，但所有方法体都是空的；不同点在于：该类是static class，程序员可以在外部继承这个类，重写里面的手势处理方法。

其中的方法：

OnDown(MotionEvent e)：用户按下屏幕就会触发；
onShowPress(MotionEvent e)：如果是按下的时间超过瞬间，而且在按下的时候没有松开或者是拖动的，那么onShowPress就会执行
onLongPress(MotionEvent e)：长按触摸屏，超过一定时长，就会触发这个事件
触发顺序：
onDown->onShowPress->onLongPress
onSingleTapUp(MotionEvent e)：从名子也可以看出,一次单独的轻击抬起操作,也就是轻击一下屏幕，立刻抬起来，才会有这个触发，当然,如果除了Down以外还有其它操作,那就不再算是Single操作了,所以也就不会触发这个事件
触发顺序：
点击一下非常快的（不滑动）Touchup：
onDown->onSingleTapUp->onSingleTapConfirmed
点击一下稍微慢点的（不滑动）Touchup：
onDown->onShowPress->onSingleTapUp->onSingleTapConfirmed
onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) ：滑屏，用户按下触摸屏、快速移动后松开，由1个MotionEvent ACTION_DOWN, 多个ACTION_MOVE, 1个ACTION_UP触发
参数解释：
e1：第1个ACTION_DOWN MotionEvent
e2：最后一个ACTION_MOVE MotionEvent
velocityX：X轴上的移动速度，像素/秒
velocityY：Y轴上的移动速度，像素/秒
onScroll(MotionEvent e1, MotionEvent e2,float distanceX, float distanceY)：在屏幕上拖动事件。无论是用手拖动view，或者是以抛的动作滚动，都会多次触发,这个方法在ACTION_MOVE动作发生时就会触发
滑屏：手指触动屏幕后，稍微滑动后立即松开
onDown—–》onScroll—-》onScroll—-》onScroll—-》………—–>onFling
拖动
onDown——》onScroll—-》onScroll——》onFiling
可见，无论是滑屏，还是拖动，影响的只是中间OnScroll触发的数量多少而已，最终都会触发onFling事件。

继承GestureDetector.SimpleOnGestureListener

因为我只需要用到里面两个方法，所以不用接口。

创建一个MyGestureListener

让这个类继承GestureDetector.SimpleOnGestureListener并且重载onLongPress和 onSingleTapUp方法。

 public class MyGestureListener extends GestureDetector.SimpleOnGestureListener {
//长按出现AlertView提示保存图片
        @Override
        public void onLongPress(MotionEvent e) {
            super.onLongPress(e);
            mAlertView.show();
        }
//单击屏幕结束当前activity
        @Override
        public boolean onSingleTapUp(MotionEvent e) {
            finish();
            return super.onSingleTapUp(e);
        }
    }

实例化，并且将屏幕操作事件都抛给GestureDetector

    mGestureDetector = new GestureDetector(this, new MyGestureListener());
         @Override
    public boolean onTouchEvent(MotionEvent event) {
        return mGestureDetector.onTouchEvent(event);
    }

保存图片到本地，并通知系统数据库。

保存文件到指定路径

创建一个工具类。

public class ImgUtil {

    //保存文件到指定路径
    public static boolean saveImageToGallery(Context context, Bitmap bmp) {
        // 首先保存图片
        String storePath = Environment.getExternalStorageDirectory().getAbsolutePath() + File.separator + "dearxy";
        File appDir = new File(storePath);
        if (!appDir.exists()) {
            appDir.mkdir();
        }
        String fileName = System.currentTimeMillis() + ".jpg";
        File file = new File(appDir, fileName);
        try {
            FileOutputStream fos = new FileOutputStream(file);
            //通过io流的方式来压缩保存图片
            boolean isSuccess = bmp.compress(Bitmap.CompressFormat.JPEG, 60, fos);
            fos.flush();
            fos.close();
            //把文件插入到系统图库
            //MediaStore.Images.Media.insertImage(context.getContentResolver(), file.getAbsolutePath(), fileName, null);

            //保存图片后发送广播通知更新数据库
            Uri uri = Uri.fromFile(file);
            context.sendBroadcast(new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE, uri));
            if (isSuccess) {
                return true;
            } else {
                return false;
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
        return false;
    }
}

在activity中判断是否保存成功，并做出反应。

 //保存图片
    private void saveImage(Bitmap bitmap) {

        boolean isSaveSuccess = ImgUtil.saveImageToGallery(this, bitmap);
        if (isSaveSuccess) {
            Toast.makeText(this, "保存图片成功", Toast.LENGTH_SHORT).show();
        } else {
            Toast.makeText(this, "保存图片失败，请稍后重试", Toast.LENGTH_SHORT).show();
        }
    }

通过RxJava将网络图片保存到bitmap中

因为网络操作我们不可以主线程中运行，所以我们用Rxjava通过图片的URL获得一个BITMAP。成功则保存图片。

 subscription =  Observable.just(url).subscribeOn(Schedulers.io()).map(new Func1<String, Bitmap>() {
            @Override
            public Bitmap call(String s) {
                Bitmap bitmap = null;
                try
                    {
                        URL pictureUrl = new URL(s);
                        InputStream in = pictureUrl.openStream();
                        bitmap = BitmapFactory.decodeStream(in);
                        in.close();
                    } catch (MalformedURLException e)
                    {
                        e.printStackTrace();
                    } catch (IOException e)
                    {
                        e.printStackTrace();
                    }
                 return bitmap;

            }
        }).observeOn(AndroidSchedulers.mainThread()).subscribe(new Observer<Bitmap>() {
            @Override
            public void onCompleted() {

            }

            @Override
            public void onError(Throwable e) {

            }

            @Override
            public void onNext(Bitmap bitmap) {
                saveImage(bitmap);
            }
        });
    }

6.0获取动态权限

Easypermissions主要简化了对权限申请结果的处理和判断，直接以接口的方式回调处理结果。不需要再自行进行处理。

6.0以下的直接在AndroidMainifest.xml中加入权限

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

引用库

dependencies {
  compile 'pub.devrel:easypermissions:0.1.9'
}

实现EasyPermissions.PermissionCallbacks接口

 //授权结果，分发下去
    @Override
    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
        // Forward results to EasyPermissions
        //跳转到onPermissionsGranted或者onPermissionsDenied去回调授权结果
        EasyPermissions.onRequestPermissionsResult(requestCode, permissions, grantResults, this);
    }
        //同意授权
    @Override
    public void onPermissionsGranted(int requestCode, List<String> perms) {
        getHttpBitmap(url);
    }
    //拒绝授权
    @Override
    public void onPermissionsDenied(int requestCode, List<String> perms) {
        if (EasyPermissions.somePermissionPermanentlyDenied(this, perms)) {
            //打开系统设置，手动授权
            new AppSettingsDialog.Builder(this).build().show();
        }
    }

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

        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == AppSettingsDialog.DEFAULT_SETTINGS_REQ_CODE) {
            //拒绝授权后，从系统设置了授权后，返回APP进行相应的操作
            getHttpBitmap(url);
        }
    }

请求权限

 /**
     * 请求读取sd卡的权限
     */
    private void requestPermission() {
        if (Build.VERSION.SDK_INT >= 23) {
            //读取sd卡的权限
            String[] mPermissionList = new String[]{Manifest.permission.READ_EXTERNAL_STORAGE, Manifest.permission.WRITE_EXTERNAL_STORAGE};
            if (EasyPermissions.hasPermissions(this, mPermissionList)) {
                //已经同意过
                getHttpBitmap(url);
            } else {
                //未同意过,或者说是拒绝了，再次申请权限
                EasyPermissions.requestPermissions(
                        this,  //上下文
                        "保存图片需要读取sd卡的权限", //提示文言
                        REQUEST_CODE_SAVE_IMG, //请求码
                        mPermissionList //权限列表
                );
            }
        } else {
            getHttpBitmap(url);
        }
    }

AlertView

github源码地址：https://github.com/saiwu-bigkoo/Android-AlertView.

引用库

compile 'com.bigkoo:alertview:1.0.3'

实例化

 mAlertView = new AlertView(null, null, null, new String[]{"保存图片"},
                new String[]{"取消"},
                this, AlertView.Style.Alert, this);

编写点击事件

 @Override
    public void onItemClick(Object o, int position) {
        switch (position){
            case 0:
                requestPermission();
                break;
            case 1:
                break;
        }
    }

ArcheH

关注

2
点赞
踩
12

收藏

觉得还不错? 一键收藏
1
评论
Android点击图片显示大图，长按保存网络图片到本地相册，单击返回。（GestureDetector)（RxJava)（Easypermissions）(AlertView)

前言周末写一个看图片的模块时，想实现类似微信那种查看图片的效果。于是，就自己尝试了一下。先看一下效果：界面编写：界面就非常简单，一个线性布局，将其属性设置为horizontal，然后将ImageView设置为在界面的中间显示。<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.andr
复制链接

扫一扫