Picasso加载圆角图片_picasso 加载圆角图片-CSDN博客

<div id="article_details" class="details">
<div class="article_title">
<span class="ico ico_type_Original"></span>

<h1>
<span class="link_title"><a href="/ivenes/article/details/53455214">
Picasso加载圆角图片
</a></span>
</h1>
</div>

<div class="article_manage clearfix">
<div class="article_l">
<span class="link_categories">
标签：
<a href="http://www.csdn.net/tag/%e5%9b%be%e7%89%87" target="_blank" οnclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_tag']);">图片</a>
</span>
</div>
<div class="article_r">
<span class="link_postdate">2016-12-04 17:15</span>
<span class="link_view" title="阅读次数">184人阅读</span>
<span class="link_comments" title="评论次数"> <a href="#comments" οnclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_pinglun'])">评论</a>(0)</span>
<span class="link_collect tracking-ad" data-mod="popu_171"> <a href="javascript:void(0);" οnclick="javascript:collectArticle('Picasso%e5%8a%a0%e8%bd%bd%e5%9c%86%e8%a7%92%e5%9b%be%e7%89%87','53455214');return false;" title="收藏" target="_blank">收藏</a></span>
<span class="link_report"> <a href="#report" οnclick="javascript:report(53455214,2);return false;" title="举报">举报</a></span>

</div>
</div>
<div class="embody" style="display:none" id="embody">
<span class="embody_t">本文章已收录于：</span>
<div class="embody_c" id="lib" value="{"err":0,"msg":"ok","data":[]}"></div>
</div>
<style type="text/css">
.embody{
padding:10px 10px 10px;
margin:0 -20px;
border-bottom:solid 1px #ededed;
}
.embody_b{
margin:0 ;
padding:10px 0;
}
.embody .embody_t,.embody .embody_c{
display: inline-block;
margin-right:10px;
}
.embody_t{
font-size: 12px;
color:#999;
}
.embody_c{
font-size: 12px;
}
.embody_c img,.embody_c em{
display: inline-block;
vertical-align: middle;
}
.embody_c img{
width:30px;
height:30px;
}
.embody_c em{
margin: 0 20px 0 10px;
color:#333;
font-style: normal;
}
</style>
<script type="text/javascript">
$(function () {
try
{
var lib = eval("("+$("#lib").attr("value")+")");
var html = "";
if (lib.err == 0) {
$.each(lib.data, function (i) {
var obj = lib.data[i];
//html += '<img src="' + obj.logo + '"/>' + obj.name + "  ";
html += ' <a href="' + obj.url + '" target="_blank">';
html += ' <img src="' + obj.logo + '">';
html += ' <em><b>' + obj.name + '</b></em>';
html += ' </a>';
});
if (html != "") {
setTimeout(function () {
$("#lib").html(html);
$("#embody").show();
}, 100);
}
}
} catch (err)
{ }

});
</script>
<div class="category clearfix">
<div class="category_l">
<img src="http://static.blog.csdn.net/images/category_icon.jpg">
<span>分类：</span>
</div>
<div class="category_r">
<label οnclick="GetCategoryArticles('6228687','Ivenes','top','53455214');">
<span οnclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_fenlei']);">工具<em>（2）</em></span>
<img class="arrow-down" src="http://static.blog.csdn.net/images/arrow_triangle _down.jpg" style="display:inline;">
<img class="arrow-up" src="http://static.blog.csdn.net/images/arrow_triangle_up.jpg" style="display:none;">
<div class="subItem">
<div class="subItem_t"><a href="http://blog.csdn.net/Ivenes/article/category/6228687" target="_blank">作者同类文章</a><i class="J_close">X</i></div>
<ul class="subItem_l" id="top_6228687">
</ul>
</div>
</label>
</div>
</div>
<div class="bog_copyright">
<p class="copyright_p">版权声明：本文为博主原创文章，如需转载请注明出处。</p>
</div>






<div id="article_content" class="article_content">
<div class="markdown_views"><h5 id="项目需求需要根据后台地址将获得的图片地址中的图片以带圆角形式展示所以研究了一下picasso的圆角图片加载的实现方式特处理如下">项目需求，需要根据后台地址将获得的图片地址中的图片以带圆角形式展示，所以研究了一下Picasso的圆角图片加载的实现方式，特处理如下：</h5>

<p>本文不解释Picasso的加载原理以及实现方式，希望童鞋们能够通过代码实现自己的后期需求~详细看代码注释即可，技术有限，欢迎指正~ <br>
直接调用方法：</p>

<pre class="prettyprint" name="code"><code class="hljs avrasm has-numbering">Picasso<span class="hljs-preprocessor">.with</span>(context)<span class="hljs-preprocessor">.load</span>(url)<span class="hljs-preprocessor">.transform</span>(new RoundTransform(<span class="hljs-number">20</span>))<span class="hljs-preprocessor">.into</span>(iv_show)<span class="hljs-comment">;</span></code><ul class="pre-numbering" style="opacity: 0;"><li>1</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a href="javascript:;" target="_blank"><img src="http://static.blog.csdn.net/images/save_snippets_01.png"></a></div><ul class="pre-numbering"><li>1</li></ul></pre>

<hr>

<pre><code>/**
* 圆角显示图片-Picasso
*/
class RoundTransform implements Transformation {
private int radius;//圆角值

public RoundTransform(int radius) {
this.radius = radius;
}

@Override
public Bitmap transform(Bitmap source) {
int width = source.getWidth();
int height = source.getHeight();
//画板
Bitmap bitmap = Bitmap.createBitmap(width, height, source.getConfig());
Paint paint = new Paint();
Canvas canvas = new Canvas(bitmap);//创建同尺寸的画布
paint.setAntiAlias(true);//画笔抗锯齿
paint.setShader(new BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP));
//画圆角背景
RectF rectF = new RectF(new Rect(0, 0, width, height));//赋值
canvas.drawRoundRect(rectF, radius, radius, paint);//画圆角矩形
//
paint.setFilterBitmap(true);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
canvas.drawBitmap(source, 0, 0, paint);
source.recycle();//释放

return bitmap;
}

@Override
public String key() {
return "round : radius = " + radius;
}
}
</code></pre>

<p>注意一点：key重写方法，不能返回null！</p></div>
<script type="text/javascript">
$(function () {
$('pre.prettyprint code').each(function () {
var lines = $(this).text().split('\n').length;
var $numbering = $('<ul></ul>').addClass('pre-numbering').hide();
$(this).addClass('has-numbering').parent().append($numbering);
for (i = 1; i <= lines; i++) {
$numbering.append($('<li></li>').text(i));
};
$numbering.fadeIn(1700);
});
});
</script>

</div>



<div class="bdsharebuttonbox tracking-ad bdshare-button-style0-16" style="float: right;" data-mod="popu_172" data-bd-bind="1494313698824">
<a href="#" class="bds_more" data-cmd="more" style="background-position:0 0 !important; background-image: url(http://bdimg.share.baidu.com/static/api/img/share/icons_0_16.png?v=d754dcc0.png) !important" target="_blank"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间" style="background-position:0 -52px !important" target="_blank"></a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博" style="background-position:0 -104px !important" target="_blank"></a>
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博" style="background-position:0 -260px !important" target="_blank"></a>
<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网" style="background-position:0 -208px !important" target="_blank"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信" style="background-position:0 -1612px !important" target="_blank"></a>
</div>
<script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "1", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>


<link rel="stylesheet" href="http://static.blog.csdn.net/css/blog_detail.css">





<script type="text/javascript" id="bdshare_js" data="type=tools&uid=1536434" src="http://bdimg.share.baidu.com/static/js/bds_s_v2.js?cdnversion=415088"></script>

<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
</script>


<script type="text/javascript">
var fromjs = $("#fromjs");
if (fromjs.length > 0) {
$("#fromjs .markdown_views pre").addClass("prettyprint");
prettyPrint();

$('pre.prettyprint code').each(function () {
var lines = $(this).text().split('\n').length;
var $numbering = $('<ul/>').addClass('pre-numbering').hide();
$(this).addClass('has-numbering').parent().append($numbering);
for (i = 1; i <= lines; i++) {
$numbering.append($('<li/>').text(i));
};
$numbering.fadeIn(1700);
});

$('.pre-numbering li').css("color", "#999");
}


$(".markdown_views a[target!='_blank']").attr("target", "_blank");

$(".toc a[target='_blank']").attr("target", "");

</script>

<div id="digg" articleid="53455214">
<dl id="btnDigg" class="digg digg_enable" οnclick="btndigga();">

<dt>顶</dt>
<dd>1</dd>
</dl>


<dl id="btnBury" class="digg digg_enable" οnclick="btnburya();">

<dt>踩</dt>
<dd>0</dd>
</dl>

</div>
<div class="tracking-ad" data-mod="popu_222"><a href="javascript:void(0);" target="_blank"> </a> </div>
<div class="tracking-ad" data-mod="popu_223"> <a href="javascript:void(0);" target="_blank"> </a></div>
<script type="text/javascript">
function btndigga() {
$(".tracking-ad[data-mod='popu_222'] a").click();
}
function btnburya() {
$(".tracking-ad[data-mod='popu_223'] a").click();
}
</script>

<ul class="article_next_prev">
<li class="prev_article"><span οnclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_shangyipian']);location.href='/ivenes/article/details/53385683';">上一篇</span><a href="/ivenes/article/details/53385683" οnclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_shangyipian'])">Android Studio 快捷键整理</a></li>
<li class="next_article"><span οnclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_xiayipian']);location.href='/ivenes/article/details/53516772';">下一篇</span><a href="/ivenes/article/details/53516772" οnclick="_gaq.push(['_trackEvent','function', 'onclick', 'blog_articles_xiayipian'])">安卓自定义View进阶-Canvas之绘制图形</a></li>
</ul>

<div style="clear:both; height:10px;"></div>

<div class="similar_article" style="">
<h4>我的同类文章</h4>
<div class="similar_c" style="margin:20px 0px 0px 0px">
<div class="similar_c_t">
<label class="similar_cur">
<span style="cursor:pointer" οnclick="GetCategoryArticles('6228687','Ivenes','foot','53455214');">工具<em>（2）</em></span>
</label>
</div>

<div class="similar_wrap tracking-ad" data-mod="popu_141" style="max-height:195px;">
<a href="http://blog.csdn.net" style="display:none" target="_blank">http://blog.csdn.net</a>
<ul class="similar_list fl"><li><em>•</em><a href="http://blog.csdn.net/Ivenes/article/details/54405741" id="foot_aritcle_54405741undefined895926959902418" target="_blank" title="获取某月有多少天">获取某月有多少天</a><span>2017-01-13</span><label><i>阅读</i><b>55</b></label></li> </ul>

<ul class="similar_list fr"><li><em>•</em><a href="http://blog.csdn.net/Ivenes/article/details/53385683" id="foot_aritcle_53385683undefined9559035448682478" target="_blank" title="Android Studio 快捷键整理">Android Studio 快捷键整理</a><span>2016-11-28</span><label><i>阅读</i><b>42</b></label></li> </ul>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
GetCategoryArticles('6228687', 'Ivenes','foot','53455214');
});
</script>

</div>