博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
提供一个Glide灵活加载圆角图片的方法
阅读量:5915 次
发布时间:2019-06-19

本文共 1236 字,大约阅读时间需要 4 分钟。

原创文章,转载请联系作者

前言

Glide是目前使用的颇为广泛的图片加载框架,同时也是Google官方推荐使用的。在图片处理方面,它提供了很多不错的功能。

如何才能灵活

圆角图片显示,大概是很多APP都会出现的UI设计了,Glide本身也提供了圆角图片的加载方式——但也只是简单的四圆角。实际项目开发中,有时候会遇到,只需要顶部展示圆角,或者只需要左侧展示圆角等等。

那么,本次的方法适用于使用了Glide作为项目图片框架的小可爱们,开发者可以对四个圆角进行单独设置,不仅仅是显示隐藏,每个圆角的半径亦是独立存在的。

使用文档

Glide有对外暴露一个方法,可以在图片显示前,对图片作转换处理——就是Transformations。有关此方面的文字,小可爱们可以看看这篇——。本文的RoundCorner就是继承了BitmapTransformation类来实现的。它对外提供两个构造函数,一个构造函数有四个参数,分别是leftTop:左上角rightTop:右上角leftBottom:左下角rightBottom:右下角。可以供外部,灵活的去选择设置哪几个圆角需要去展示,四个圆角的半径大小。另一个函数,只提供一个参数就是同时设置四个圆角,当然这是用于四个圆角同时展示且半径相同的情况下。于此同时,构造函数中只需要传数值即可,类内部已经做了dp处理。

下面做一下简单的展示。

  • 加载普通圆角图片
Glide.with(this).load("http://p15.qhimg.com/bdm/720_444_0/t01b12dfd7f42342197.jpg")        .apply(RequestOptions.bitmapTransform(RoundCorner(20f)))        .into(img)复制代码

  • 只是顶部圆角
Glide.with(this).load("http://p15.qhimg.com/bdm/720_444_0/t01b12dfd7f42342197.jpg")        .apply(RequestOptions.bitmapTransform(RoundCorner(leftTop = 20f, rightTop = 20f)))        .into(img)复制代码

  • 只是左侧圆角
Glide.with(this).load("http://p15.qhimg.com/bdm/720_444_0/t01b12dfd7f42342197.jpg")        .apply(RequestOptions.bitmapTransform(RoundCorner(leftTop = 20f, leftBottom = 20f)))        .into(img)复制代码

以上就是一次简单的展示了,如果你想更加灵活的加载圆角图片,选择这个方法没有错。代码在这里,传送门——

结语

以上

你可能感兴趣的文章
洛谷P1443 马的遍历
查看>>
日期字符串格式化
查看>>
ps基本操作
查看>>
JS-OO-数据属性,访问器属性
查看>>
unity3d 各键值对应代码
查看>>
10年程序员的一些人生感悟
查看>>
《统一沟通-微软-实战》-6-部署-7-部署移动功能-1
查看>>
ZEROCONF是什么
查看>>
【随便扯扯】Standby到底翻译成备用还是待机?
查看>>
信息系统项目管理师软考辅导——3年真题透解与全真模拟
查看>>
一个引号导致1个小时网站打不开
查看>>
从无到有,WebService Apache Axis2初步实践
查看>>
SQL Server 2012笔记分享-58:数据库文件管理2
查看>>
将字符串"123456"转换成"1,2,3,4,5,6"
查看>>
Jquery imgPreview demos
查看>>
Windows Universal 应用 – Tip Calculator
查看>>
LeetCode之Min Stack 实现最小栈
查看>>
Eclipse 的快捷键以及文档注释、多行注释的快捷键
查看>>
GridView视图(BaseAdapter)
查看>>
[Everyday Mathematics]20150117
查看>>