ImageView ScaleType 的扩展之Top Crop 的实现

ImageView中ScaleType属性可用来设置image的填充方式，主要通过以下两种途径：1、XML文件中设置android:scaleType属性。2、代码中使用函数setScaleType(ScaleType scaleType)来设定。目前内置的填充方式有如下8种：
CENTER /center  按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示CENTER_CROP / centerCrop  按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽)CENTER_INSIDE / centerInside 将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽FIT_CENTER / fitCenter  把图片按比例扩大/缩小到View的宽度，居中显示FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度，显示在View的下部分位置FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度，显示在View的上部分位置FIT_XY / fitXY  把图片不按比例 扩大/缩小到View的大小显示MATRIX / matrix 用矩阵来绘制首先要选择设定图片填充方式的时机，不管如何，我们在必须在draw之前设定填充方式，因此我们可以考虑在layout的时候，通过查看layout源码，注意到setFrame函数，setFrame主要是设定view的尺寸和位置，并返回view是否changed，因此可在setFrame中设定填充方式，layout代码片段如下：
public void layout(int l, int t, int r, int b) {
          <img style="max-width: 100%;height: auto;width: auto\9;" src="//img.reader8.net/uploadfile/jiaocheng/20140196/2826/2014012822263616997.png" width="240" height="420" alt="ImageView ScaleType 的扩充之Top Crop 的实现"></pre></pre> </p></div><div style="margin:0 auto;width:300px;height:250px;position:relative;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 移动端全站正文 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6147101717324856"
data-ad-slot="1958144088"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div class="subn-nav"><a href="//m.reader8.net">读书人网</a> ><a href="//m.reader8.net/jiaocheng/Painter/">图形图像</a></div><div class="sp-jctu"><h3><span> 热点推荐 </span></h3><ul><li><p><a href="//m.reader8.net/jiaocheng/20140421/2309597.html">javascript适用图像加载器</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140421/2309596.html">利用css作图图形</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140420/2308498.html">读图技术及应用-文字识别、图像识别、</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140420/2308497.html">在Linux上将视频转换成动态gif图片 (附</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140419/2307494.html">OpenGL学习二十四：作图像素位图图</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140418/2306463.html">《Java 二 图形设计卷Ⅱ- SWING》第10</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140418/2306462.html">《Java 二 图形设计卷Ⅱ- SWING》第9章</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140330/2288467.html">MonkeyRunner读取本机图片进展对比loa</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140330/2288466.html">ImageView.ScaleType设立图解</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140319/2277544.html">OpenGL学习三十四：裁剪区域和TGA图像</a></p></li>
</ul></div><div style="display:none;">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?d6151f323a57d16696165e47eee86d53";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script></div>
<div class="footer"><p>触屏版 | <a href="//www.reader8.net/jiaocheng/20120716/2094009.html#fromapp">电脑版</a></p><p>读书人网 m.reader8.net</p></div>
<script language="javascript">
function clickme(sad){
var divobjdiv = document.getElementById("divobjdiv" + sad);
if(divobjdiv.style.display =="none"){
divobjdiv.style.display ="block"; 
}else{
divobjdiv.style.display ="none";
}
var wenzi = document.getElementById('divobjimg' + sad);
if(wenzi.innerText == "收起"){
wenzi.innerText = "查看更多";
}else{
    wenzi.innerText = "收起";
  }
}
</script>
<div id="back-top"><a href="#top"><span></span></a></div>
</body>
</html>