Android下QQ空间查看大图特效

最近在做一个项目,里面有一个功能是实现Android QQ好友动态里面的缩略图放大,查看大图的效果。用过都知道,这个特效很赞的,没用过的下载个玩玩吧。我刚开始以为放大的那个大图是一个Activity或者是一个Dialog。可是尝试过后发现怎么也实现不了那种效果(有实现出来的朋友的话还请相告,一起交流交流)。然后到android官网上发现了一个图片放大特效的demo。这个Demo确实是实现了QQ里面图片放大的基本效果,可是要求是Android
3.0以上才能用,因为里面用到Animator。我知道有个NineOldAndroids库实现了3.0以下也能用Animator,只要重新改写下就ok了。但是看大图还有pinch图片缩放,双击放大,单击图片还原等效果,而一般的实现基本上都是用ScaleAnimation实现,感觉效果不理想。然后在Github上发现了一个很不错的的Demo叫Android-GridView-Zoom-Images-Animation-Tutorial,里面居然实现了QQ空间缩略图放大和还原动画特效。看了下,也是需要Android3.0以上才能实现,实现原理和官网上那个demo差不多。在Github上逛了下,发现了一个很不错的PhotoView,两者配合基本上就是QQ好友动态里面要实现的特效了。下面是效果图:

缩略图界面,点击每个缩略图,图片从缩略图所在位置放大到屏幕适应位置。

可以pinch缩放图片,也可以双击放大图片,单击图片缩放回去。

可以向右或者向左滑动图片切换图片。

ps:该工程源码已经开源,地址:https://github.com/ywenblocker/Android-Photo-Zoom。问下各位,在mac下面有什么好的制作gif图片的工具吗?我发的图片很难表达动画效果。

时间: 2024-11-02 13:04:46

Android下QQ空间查看大图特效的相关文章

Android学QQ空间相册浏览类型横向滑动效果显示多图片MyHorizontalScrollView

Android学QQ空间相册浏览类型横向滑动效果显示多图片MyHorizontalScrollView 我们来定制一下吧 布局文件:activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="m

Android 模仿QQ空间风格的 UI

本文内容 环境 演示模仿QQ空间风格的UI 虽然这个 UI 跟现在的QQ空间有点差别,但是也能学到很多东西. 下载 Demo 环境 Windows 7 64 位 Eclipse ADT V22.6.2,Android 4.4.3 SAMSUNG GT-I9008L,Android OS 2.2.2   演示模仿QQ空间风格的UI 虽然这个 UI 跟现在的QQ空间有点差别,但是也能学到很多东西.比如, 当点击"加号"时的效果是如何实现的: 当点击"我的空间动态"时的效

Android 模仿QQ空间风格的 UI(转)

本文内容 环境 演示模仿QQ空间风格的UI 虽然这个 UI 跟现在的QQ空间有点差别,但是也能学到很多东西. 下载 Demo 环境 Windows 7 64 位 Eclipse ADT V22.6.2,Android 4.4.2(API 19) SAMSUNG GT-I9008L,Android OS 2.2.2 演示模仿QQ空间风格的UI 虽然这个 UI 跟现在的QQ空间有点差别,但是也能学到很多东西.比如, 当点击“加号”时的效果是如何实现的: 当点击“我的空间动态”时的效果是如何实现的:

基于zepto.js的模仿手机QQ空间的大图查看组件ImageView.js

调用方式 :ImageView(index,imgData)  --index参数 为图片默认显示的索引值,类型 为Number  --imaData参数 为图片url数组 ,类型为Array 使用之前要先引入 zepto.js 文件 ImageView.js具体代码如下: /* * ImageView v1.0.0 * --口袋蓝房网 基于zepto.js的大图查看 * --调用方法 ImageView(index,imgDada) * --index 图片默认值显示索引,Number --i

Android模仿QQ空间图片上传——原理

MainActivity.class package com.example.imagedemotext; import java.io.ByteArrayOutputStream; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.InputStream; import java.util.ArrayList; import java.util.List; import an

Android项目实战(十六):QQ空间实现(一)—— 展示说说中的评论内容并有相应点击事件

原文:Android项目实战(十六):QQ空间实现(一)-- 展示说说中的评论内容并有相应点击事件 大家都玩QQ空间客户端,对于每一个说说,我们都可以评论,那么,对于某一条评论: 白雪公主 回复 小矮人 : 你们好啊~ 我们来分析一下: 1.QQ空间允许我们 点击 回复人和被回复人的名字就可以进入对于用户的个人主页(即点击文字“白雪公主”/“小矮人”,就可以进入到这俩用户相应个人主页) 2.点击 回复的文字,就可以对回复人进行回复(即点击评论中回复的内容“你们好啊~”,便对弹出一个编辑框对回复人

android开发:点击缩略图查看大图

android中点击缩略图查看大图的方法一般有两种,一种是想新浪微博list页面那样,弹出一个窗口显示大图(原activity为背景).另一种就是直接打开一个新的activity显示大图. 1.第一种方法我们可以使用自定义的AlertDialog来实现,代码如下: ImageView image=(ImageView)findViewById(R.id.small_image); image.setOnClickListener(new OnClickListener() { // 点击放大 p

Android项目实战(十七):QQ空间实现(二)—— 分享功能 / 弹出PopupWindow

原文:Android项目实战(十七):QQ空间实现(二)-- 分享功能 / 弹出PopupWindow 这是一张QQ空间说说详情的截图. 分析: 1.点击右上角三个点的图标,在界面底部弹出一个区域,这个区域有一些按钮提供给我们操作 2.当该区域出现的时候,详情界面便灰了,也说成透明度变化了 3.当任意选了一个按钮或者点击了该区域以外的部分,该区域消失,灰色界面变回亮白色,并执行点击的按钮对应的操作 显然,这个功能我们需要用PopupWindow实现更好~ --------------------

JS时间轴效果(类似于qq空间时间轴效果)

2013-11-04 23:51 by 空智, 4041 阅读, 15 评论, 收藏, 编辑 在上一家公司写了一个时间轴效果,今天整理了下,感觉有必要写一篇博客出来 给大家分享分享 当然代码还有很多不足的地方,希望大家多指点指点下,此效果类似于QQ空间或者人人网空间时间轴效果,当时也是为了需求 研究了下qq空间逻辑(当然JS代码压缩了肯定看不到的),只是当时研究了下他们HTML结构和css结构,所以仿照他们那种逻辑自己也写了一个出来.先来看看是个什么样的吧!如下图所示: 需求分析:左侧是一个时间