前言
周末写一个看图片的模块时,想实现类似微信那种查看图片的效果。于是,就自己尝试了一下。先看一下效果:
界面编写:
界面就非常简单,一个线性布局,将其属性设置为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;
}
}