仿微信朋友圈实现共享视图元素的切换动画
来源:互联网 发布:2015年酒店行业数据 编辑:程序博客网 时间:2024/06/05 07:25
项目见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。
- 仿微信朋友圈实现共享视图元素的切换动画
- Android中Activity切换时共享视图元素的切换动画(5.0以上)
- Android中Activity切换时共享视图元素的切换动画(4.x兼容方案)
- Android中Activity切换时共享视图元素的切换动画(4.x兼容方案)
- Android中Activity切换时共享视图元素的切换动画(4.x兼容方案)
- Android共享元素场景切换动画的实现
- Android共享元素场景切换动画的实现
- Android共享元素场景切换动画的实现
- 实现视图的切换(动画)
- android基于Activity共享元素切换效果的实现
- 实现视图的切换
- IOS视图切换实现简单动画
- 实现视图的动画
- 共享元素的实现
- Android 视图切换库的使用SwitchLayout(可实现控件点击动画,和界面切换时的各种动画)
- CATransition视图切换动画的学习
- 视图切换动画
- 视图控制器切换动画
- static关键字
- 田忌赛马
- 浅谈持久层框架中的缓存机制
- OpenGL学习(二) 状态管理和绘制几何物体
- 第四周项目5-用递归方法求解(2)
- 仿微信朋友圈实现共享视图元素的切换动画
- centos最小安装之后,再安装图形界面
- 大话设计模式—状态模式
- ADS1247寄存器中文翻译
- 一对多、对多一、批量操作
- poj 2985(并查集+线段树求K大数)
- 第五周项目3(2)
- 仿QQ侧滑边栏
- 第5周-项目4-长方柱类