Android Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果
Android Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果
附录1简单介绍了Android开源的图片加载框架。在实际的开发中,虽然Glide解决了快速加载图片的问题,但还有一个问题悬而未决:比如用户的头像,往往用户的头像是从服务器端读出的一个普通矩形图片,但是现在的设计一般要求在APP端的用户头像显示成圆形头像,那么此时虽然Glide可以加载,但加载出来的是一个矩形,如果要Glide在加载过程中就把矩形图转换成圆形的,则需要在Glide之上引入一个开源项目:glide-transformations
glide-transformations在github上的项目主页是:https://github.com/wasabeef/glide-transformations
写一个例子说明。
package zhangphil.app; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.ImageView; import com.bumptech.glide.Glide; import jp.wasabeef.glide.transformations.BlurTransformation; import jp.wasabeef.glide.transformations.CropCircleTransformation; import jp.wasabeef.glide.transformations.RoundedCornersTransformation; public class MainActivity extends AppCompatActivity { //我csdn博客头像 String url = "http://avatar.csdn.net/9/7/A/1_zhangphil.jpg"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //原图,是我博客的头像 ImageView image1 = (ImageView) findViewById(R.id.image1); Glide.with(this).load(url).crossFade(1000).into(image1); //原图 -> 圆图 ImageView image2 = (ImageView) findViewById(R.id.image2); Glide.with(this).load(url).bitmapTransform(new CropCircleTransformation(this)).crossFade(1000).into(image2); //原图的毛玻璃、高斯模糊效果 ImageView image3 = (ImageView) findViewById(R.id.image3); Glide.with(this).load(url).bitmapTransform(new BlurTransformation(this, 25)).crossFade(1000).into(image3); //原图基础上复合变换成圆图 +毛玻璃(高斯模糊) ImageView image4 = (ImageView) findViewById(R.id.image4); Glide.with(this).load(url).bitmapTransform(new BlurTransformation(this, 25), new CropCircleTransformation(this)).crossFade(1000).into(image4); //原图处理成圆角,如果是四周都是圆角则是RoundedCornersTransformation.CornerType.ALL ImageView image5 = (ImageView) findViewById(R.id.image5); Glide.with(this).load(url).bitmapTransform(new RoundedCornersTransformation(this, 30, 0, RoundedCornersTransformation.CornerType.BOTTOM)).crossFade(1000).into(image5); } }
布局则比较简单,是一个垂直方向的线性布局布局了5个ImageView,不再赘述。
代码运行结果。
附录:
1,《Android图片加载与缓存开源框架:Android Glide》链接:http://blog.csdn.net/zhangphil/article/details/45535693
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
为什么学习React Native三点原因
React Native不到两岁,兼容Android平台刚刚1年。我学习React Native其实也就不到1年,不算长,也不算短。 Paul Graham在文章中写过:大多数人真正注意到你的时候,不是第一眼看到你站在那里,而是发现了过了这么久你居然还在那里。 我就是Paul提到的”大多数人”,当React Native刚出来的时候,我就通过CSDN等一些平台了解了React Native,但是并没有真正的关注它。 过了半年多,发现React Native不但还依然存在,而且还产生了不错的React Native社区。从此开始逐渐关注React Native。 至于为什么深入学习React Native,有以下几点原因。 一、开发React Native很少使用设计模式 对,你没有看错,确实是很少使用设计模式。有人会问我,这也算学习的理由? 我先搁置一下,先给大家讲个绝大多数人都听过的故事。 金庸小说中独孤求败的剑冢中,埋的是独孤求败一生几个阶段中用过的几柄剑。 第一柄是一柄青光闪闪的无名利剑。凌厉刚猛,无坚不摧,弱冠前以之与河朔群雄争锋。 第二柄是紫薇软剑,三十岁前所用,误伤义士不祥...
- 下一篇
Android 开发之:Tools 属性
直到今天创建项目的时候, 出现tools:showIn="@layout/activity_main"才想起要学习记录下 Tools属性的相关使用。这个Tools 是如此好使用,我却未能善用,简直抱歉。它提高Android 应用开发的效率、还可以提高代码质量。 == 首先介绍布局文件中的tools 属性。 如果用 Android Studio 创建一个简单的示例项目,在生成的布局文件中会有这么一行内容: xmlns:tools=”http://schemas.android.com/tools” 在** tools 命名空间下定义了一些属性就是我们要介绍的 tools 属性。 顾名思义,这些属性都是为编辑工具准备的,具体来说就是 Android Studio 和布局文件编译器(AAPT**)。 在开发程序的时候,通过这些属性来告诉编辑器一些额外的信息。 tools:ignore 这个属性是为** Lint 准备的,属性的取值为逗号分隔的 Lint 问题 ID**。告诉 Lint 在检测代码的时候,这些问题不用检测。例如: <string name=”show_all_apps” ...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS7,CentOS8安装Elasticsearch6.8.6
- SpringBoot2整合Thymeleaf,官方推荐html解决方案
- Red5直播服务器,属于Java语言的直播服务器
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- Linux系统CentOS6、CentOS7手动修改IP地址
- CentOS8编译安装MySQL8.0.19
- CentOS关闭SELinux安全模块
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作