方法一：客户端等比例

　　前提条件：服务器端需要返回原始图片的“宽和高”或者“宽高缩放比例”,客户端要显示的图片的宽或者高只要其一是固定的（例如：高度为200，宽度未知，或者高度为400宽度未知）

　　在这种条件下客户端可以根据服务端返回的图片的宽高或者宽高比例计算出图片相对于屏幕的宽或者高。例如：缩放比例为：宽(图片原始宽度200px)/高(图片原始高度400px) = 0.5 。客户端定义要显示的宽度为100px，则根据缩放比例高度应该显示200px（100/0.5=200）图片才不会变形。android:scaleType="fitXY"

方法二：服务端等比例

　　前提条件：客户端必须告诉服务端他要拿到的图片的宽度和高度。

　　服务端根据客户端给出的宽高，按照服务端能给到的最优方案返回一张按照等比例缩放的缩略图，给客户端显示 android:scaleType="fitXY"

方法三：客户端+服务端都等比例缩放

　　方法一和方法二都能够在一定程度上解决图片按等比例方式显示，但是都具有一定的不足，第一种方法的不足之处是：服务端返回的图片是原图，比较浪费流量和手机内存。第二中方法的不足之处是，有时候客户端给到服务端的宽高，服务端并不能够按照客户端的要求

返回。因此在显示上会出现一定的拉伸或者压缩。

　　比较好的一种方法是：第一种方法+第二种方法。首先服务端会给到客户端原始图片的宽高比例，客户端根据宽高比例，计算出最优的要显示到界面上的宽和高给到服务器。服务器拿到客户端给的宽高之后，计算出一个缩略图给到客户端，之后客户端拿到这张图片直接显示。android:scaleType="fitXY"

Android 让图片等比例缩放的三种方法的更多相关文章

  1. android加载大量图片内存溢出的三种方法

    android加载大量图片内存溢出的三种解决办法 方法一:  在从网络或本地加载图片的时候,只加载缩略图. /** * 按照路径加载图片 * @param path 图片资源的存放路径 * @para ...

  2. Android imageView图片按比例缩放

    android:scaleType可控制图片的缩放方式,示例代码如下: <ImageView android:id="@+id/img" android:src=" ...

  3. Android成长之路-实现监听器的三种方法

      第一种:  在Test类中  定义一个类接口OnClickListener 第二种:直接在Test类上写一个接口 其中的this相当于new OnClickListener()对象, 即class ...

  4. Android设置布局背景为白色的三种方法

    一.在xml文件里可以直接设置: android:background="#ffffff" 其他颜色可以看这里;http://blog.csdn.net/yanzi1225627/ ...

  5. Android实现无标题栏全屏的三种方法

    一.通过Java代码 在setContentView之前执行: requestWindowFeature(Window.FEATURE_NO_TITLE);//隐藏标题栏 getWindow().se ...

  6. Android中XML解析，保存的三种方法

    简单介绍 在Android开发中,关于XML解析有三种方式,各自是: SAX 基于事件的解析器.解析速度快.占用内存少.非常适合在Android移动设备中使用. DOM 在内存中以树形结构存放,因此检 ...

  7. div盒子中子元素（子元素可能是盒子， 图片） 中居中的三种方法

  8. 理解CSS3中的background－size(对响应性图片等比例缩放)

    理解CSS3中的background-size(对响应性图片等比例缩放) 阅读目录 background-size的基本属性 给图片设置固定的宽度和高度的 固定宽度400px和高度200px-使用ba ...

  9. 【转】微信小程序开发之图片等比例缩放 获取屏幕尺寸图片尺寸 自适应

    原文[https://blog.csdn.net/qq_31383345/article/details/53127804] 早上在论坛上看到有人写了关于图片等比例缩放的文章,只是判断了图片宽是否大于 ...

随机推荐

  1. returnFunc.js

    var cyn = function(){ console.log("one") return function(){ console.log("two") } ...

  2. react-router与react-router-dom使用时的区别

    1.React-router与React-router-dom的API对比 React-router:提供了router的核心api.如Router.Route.Switch等,但没有提供有关dom操 ...

  3. SuperMap iObject .NET开发完成后私有部署，打包安装

    转载自:http://blog.csdn.net/supermapsupport/article/details/53319800 作者:皇皇 SuperMap iObjict .NET组件开发结束后 ...

  4. python 提取linux的硬件信息

    1.代码实现目的 注:代码可以直接粘贴使用 为了实现对主机的整体有明确的了解,实现了下面的代码功能 代码主要功能是: 提取到主机的内存.硬盘.CPU.型号等信息 插入到mysql的数据库中 2.代码具 ...

  5. Linux profile1，bashrc，.bash_profile，.bash_login，.profile，.bashrc，.bash_logout浅析 Part1

    profile,bashrc,.bash_profile,.bash_login,.profile,.bashrc,.bash_logout浅析 Part 1   by:授客 QQ:103355312 ...

  6. JavaScript大杂烩16 - 推荐实践

    JavaScript部分 1. 总是使用===来进行相等判断 原因:由于 == 和 != 操作符存在类型转换问题,而为了保持代码中数据类型的完整性,推荐使用全等 === 和不全等 !=== 操作符. ...

  7. [20171121]rman backup as copy 2.txt

    [20171121]rman backup as copy 2.txt --//昨天测试backup as copy ,备份时备份文件的文件头什么时候更新.是最后完成后还是顺序写入备份文件.--//我 ...

  8. python编程的简洁代码

    1.列表间元素操作 L1 = [1,3,5,]L2 = [2,5,3,1,8]x = set(L1)y = set(L2)#差集print(y - x)#交集print(y&x)#并集prin ...

  9. nginx基础知识总结

    1.nginx的工作模式 master/worker工作模式: 一个master进程: 负载加载和分析配置文件.管理worker进程.平滑重启升级等. 一个或多个worker进程 处理并响应用户请求 ...

  10. Windows编程的本质

    既然Windows API编程是与Windows操作系统进行交互,所以就必须对Windows操作系统如何运行应用程序的原理搞清楚. 1.保护模式 操作系统是依附于cpu硬件的,所以操作系统所具备的功能 ...