ImageView ScaleType 的扩充之Top Crop 的实现

2012-07-16
ImageView ScaleType 的扩展之Top Crop 的实现ImageView中ScaleType属性可用来设置image的填充方式，主要通
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 src="//img.reader8.net/uploadfile/jiaocheng/20140196/2826/2014012822263616997.png" width="240" height="420" alt="ImageView ScaleType 的扩充之Top Crop 的实现"></pre></pre> </p><div class="aged2"><script type="text/javascript">a("article_content_down");</script></div>
 </div>
<div id="pagebox" >
<a href="/jiaocheng/Painter/" target="_blank">查看更多</a>
<A href="/jiaocheng/20120730/2094006.html" title="[转]Android 图形系统辨析">下一篇</A></div>
<div id="MainLeftll">
<div id="MainLeftllToolbar">本文网址：<a href="https://www.reader8.net/jiaocheng/20120716/2094009.html">https://www.reader8.net/jiaocheng/20120716/2094009.html</a></div>
<div class="related"><span class="relatedIco1">读书人精选</span>
<ul class="relatedList">
</ul>
</div>
<div class="aged3"><script type="text/javascript">a("article_content_down2");</script></div>
<div class="aged3a"><script type="text/javascript">a("article_content_down3");</script></div>
</div>
</div>
<!-- 文章正文左边结束 -->
<!-- 文章正文右边开始 -->
<div class="leftbox_r">
<div class="aged4"><script type="text/javascript">a("article_right_up");</script></div> 
<div class="Rtitle">
<span class="Rtitle_text">热点排行</span></div>
<div class="RContl">
<ul>
<li><a href="/jiaocheng/20131027/2095398.html" target="_blank">使用xml及java代码混同的方式来设置图形</a></li>
<li><a href="/jiaocheng/20131229/2094227.html" target="_blank">UIImage 图片处理：截图，缩放，设定大小</a></li>
<li><a href="/jiaocheng/20131226/2090798.html" target="_blank">解决linux系统启动之:root用户经过验证但</a></li>
<li><a href="/jiaocheng/20131029/2090892.html" target="_blank">图像瓜分之（六）交叉视觉皮质模型（ICM</a></li>
<li><a href="/jiaocheng/20131103/2091198.html" target="_blank">LIRe 源代码分析 六：检索（ImageSearch</a></li>
<li><a href="/jiaocheng/20120921/2092638.html" target="_blank">给UIImageView添手势</a></li>
<li><a href="/jiaocheng/20121018/2093902.html" target="_blank">Java的jfreechat 图形表格例子</a></li>
<li><a href="/jiaocheng/20130104/2092311.html" target="_blank">念交几个美工朋友，有意者请进</a></li>
<li><a href="/jiaocheng/20131021/2088584.html" target="_blank">[google面试CTCI] 1-6.图像旋转有关问题</a></li>
<li><a href="/jiaocheng/20131109/2093546.html" target="_blank">Android进门第十三篇之Gallery + ImageS</a></li>
</ul>
</div>
<div class="aged7"><script type="text/javascript">a("article_right_up2");</script></div>
<!-- 文章正文右边结束 -->
</div>
<!--主体结束-->
<script type="text/javascript">a("article_down_up");</script>
<script type="text/javascript">a("foot");</script>
<script type="text/javascript">a("article_down_up2");</script>
<!--主体结束-->
<div style="display:none"> 
<!--百度统计代码--> 
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?d6151f323a57d16696165e47eee86d53";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</div> 
<script type="text/javascript">a("allbt");</script>
</body>
</html>
图形图像

ImageView ScaleType 的扩充之Top Crop 的实现
