文档章节

仿微信查看图片(带大小图切换查看)

x
 xueshang
发布于 2015/08/23 17:19
字数 401
阅读 250
收藏 0

之前一直想仿微信朋友圈那样做个图片查看,但是看了网上很多demo都觉得比较简单,少了从小图切换到大图的加载过程,都只是在所有预览里加载大图,点击进去也是加载大图,于是在网上下载了别人的demo自己修改了一下,在此和大家一起分享。

首先,我下载了网上比较流行的demo

 

接着,改了里面一点东西,在 image_detail_fragment.xml 里面,加了一个

<ImageView
        android:id="@+id/image_small"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:adjustViewBounds="true"
        android:layout_gravity="center"
        android:contentDescription="@string/app_name"
        android:scaleType="centerCrop" />

加入这个主要是为了在查看大图的时候可以预显示小图,仿微信朋友圈,还加了一个

<View 
        android:id="@+id/all_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

这个是因为原本的demo只有在加载图片成功的时候才可以实现点击返回,所以这个view是覆盖整个页面,当你加载失败的时候也可以退出。

 我修改的做法是在 ImageDetailFragment 里面添加一个小图的预先加载,当加载大图成功的时候,把image_small隐藏掉,这样就成功的达到微信朋友圈查看图片的效果

 里面我的大图都是使用图一张图片,如果大家需要的时候学小图那样穿一个url进去,希望这个对大家有帮助。

 

下载地址:http://www.oschina.net/code/snippet_1539954_50418

© 著作权归作者所有

x
粉丝 0
博文 1
码字总数 401
作品 0
汕头
私信 提问
自定义view控件效果实现及实践

项目需求讨论 - Android 自定义 Dialog 实现步骤及封装 根据实际项目需求出发。因为项目中的对话框要配合整个项目的 UI 风格,所以进行自定义 Dialog 的实现步骤,及最后写封装类。来快速实现...

掘金官方
2017/12/11
0
0
30款jQuery常用网页焦点图banner图片切换 下载

1、jquery 图片滚动特效制作 slide 图片类似窗帘式图片滚动 查看演示 2、jquery幻灯片插件带滚动条的圆形立体图片旋转滚动 查看演示 3、jQuery图片层叠旋转类似洗牌翻转图片幻灯片 查看演示 ...

awbeci
2013/09/18
0
0
终结照片浏览器应用ios源码

开发环境:Swift 1.2 .Xcode 6.3 (一)总体说明1.本框架有OC版本,本次主要是汲取了OC版本所有bug与不足,同时听取在大量使用者的反馈与心声、修复与极大的改善了之前的OC版本并在此基础之上...

tianyahala
2015/10/08
625
0
CSDN_LQR/LQRWeChat

重大消息!!! 新版高仿微信已经开源,因为基于融云SDK,使用了 Rxjava+Retrofit+MVP+Glide 等新技术开发,代码结构上可以完全不一样,所以另开了一个项目。新版高仿微信使用到了自动布局来...

CSDN_LQR
2017/02/07
0
0
仿微信 iOS 客户端--TSWeChat

TSWeChat,仿微信 iOS 客户端,采用 Swift 编写。 运行截图: 运行环境 Cocoapods 0.39.0 + iOS 8.0+ / Mac OS X 10.9+ Xcode 7.2+ 预览 在终端里面运行 ,然后运行 来查看所有的 UI 特色 可...

加勒比海草
2016/09/01
6.2K
2

没有更多内容

加载失败,请刷新页面

加载更多

代理模式之JDK动态代理 — “JDK Dynamic Proxy“

动态代理的原理是什么? 所谓的动态代理,他是一个代理机制,代理机制可以看作是对调用目标的一个包装,这样我们对目标代码的调用不是直接发生的,而是通过代理完成,通过代理可以有效的让调...

code-ortaerc
今天
5
0
学习记录(day05-标签操作、属性绑定、语句控制、数据绑定、事件绑定、案例用户登录)

[TOC] 1.1.1标签操作v-text&v-html v-text:会把data中绑定的数据值原样输出。 v-html:会把data中值输出,且会自动解析html代码 <!--可以将指定的内容显示到标签体中--><标签 v-text=""></......

庭前云落
今天
8
0
VMware vSphere的两种RDM磁盘

在VMware vSphere vCenter中创建虚拟机时,可以添加一种叫RDM的磁盘。 RDM - Raw Device Mapping,原始设备映射,那么,RDM磁盘是不是就可以称作为“原始设备映射磁盘”呢?这也是一种可以热...

大别阿郎
今天
12
0
【AngularJS学习笔记】02 小杂烩及学习总结

本文转载于:专业的前端网站☞【AngularJS学习笔记】02 小杂烩及学习总结 表格示例 <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names | orderBy ......

前端老手
昨天
16
0
Linux 内核的五大创新

在科技行业,创新这个词几乎和革命一样到处泛滥,所以很难将那些夸张的东西与真正令人振奋的东西区分开来。Linux内核被称为创新,但它又被称为现代计算中最大的奇迹,一个微观世界中的庞然大...

阮鹏
昨天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部