项目见GitLab:https://github.com/chwnFlyPig/DWCorePhoto_Android.git
实现效果见:1. https://raw.githubusercontent.com/DavidWangTM/DWCorePhoto_Android/master/SingleShow.gif
2.https://raw.githubusercontent.com/DavidWangTM/DWCorePhoto_Android/master/GridShow.gif
项目优点:minSdkVersion 11
核心代码:
1. 在View的OnClick回调方法中,通过方法getGlobalVisibleRect可以获取共享视图ImageView1的坐标和尺寸:
public void onClick(View v) {
Rect rect = new Rect();
v.getGlobalVisibleRect(rect);
}
2.在图片展示的Activity2里有两套布局,布局1:过渡布局,通常是一个单独的ImageView2,起始位置是ImageView1的坐标,终点坐标是展示页面的指定位置(一般是屏幕正中间)。主要使用位移动画;布局2:Activity2中稳定状态的布局,当共享视图达到终点后,隐藏掉过渡布局,展示出稳定状态的布局,如ViewPaper。
3.过渡布局中的位移动画,是通过开源项目nineoldandroids来实现的;
4.稳定状态里ImageView一般都可以支持缩放,是通过开源项目chrisbanes.photoview来实现的;与photoview相匹配,viewPager需要使用HackyViewPager,对Touch事件进行截获处理,否则缩放图片的过程中会出现崩溃:
java.lang.IllegalArgumentException
pointerIndex out of range pointerIndex=-1 pointerCount=1
5.在展示图片时,ImageLoader与photoview搭配非常简单;但如果项目中使用的是Fresco,则需要通过ImagePipeLine将图片加载进来,然后将回调中的Bitmap复制一份后再给PhotoView。主要代码如下:
FrescoImageLoader.getInstance().loadImage(ViewSinglePhotoActivity.this, picUrl, resizeOptions, new
BaseBitmapDataSubscriber() {
@Override
protected void onNewResultImpl(Bitmap bitmap) {
ViewSinglePhotoActivity.this.runOnUiThread(new Runnable() {
@Override
public void run() {
loadPb.setVisibility(View.GONE);
}
});
if (bitmap != null && photoView != null) {
final Bitmap arg2 = Bitmap.createBitmap(bitmap);
ImageCache.getInstance().put(picUrl, arg2);
ViewSinglePhotoActivity.this.runOnUiThread(new Runnable() {
@Override
public void run() {
photoView.setImageBitmap(arg2);
}
});
}
}
@Override
protected void onFailureImpl(DataSource<CloseableReference<CloseableImage>> dataSource) {
ViewSinglePhotoActivity.this.runOnUiThread(new Runnable() {
@Override
public void run() {
loadPb.setVisibility(View.GONE);
photoView.setImageResource(R.drawable.default_pic);
}
});
}
});
其中方法loadImage的实现如下:
public void loadImage(Context context, String picUrl, ResizeOptions resizeOptions, BaseBitmapDataSubscriber bitmapDataSubscriber) {
if (StringUtil.isEmpty(picUrl)) {
return;
}
Uri uri = Uri.parse(picUrl);
ImageRequest imageRequest = ImageRequestBuilder.newBuilderWithSource(uri)
.setLocalThumbnailPreviewsEnabled(true)
.setAutoRotateEnabled(true)
.setResizeOptions(resizeOptions)
.setLowestPermittedRequestLevel(ImageRequest.RequestLevel.FULL_FETCH)
.setProgressiveRenderingEnabled(false)
.build();
ImagePipeline imagePipeline = Fresco.getImagePipeline();
DataSource<CloseableReference<CloseableImage>>
dataSource = imagePipeline.fetchDecodedImage(imageRequest, context);
dataSource.subscribe(bitmapDataSubscriber, CallerThreadExecutor.getInstance());
}
其中的单例ImageCache,核心成员是LruCache<String, Bitmap> cache。