Android Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果
来源:互联网 发布:数据分析员培训 编辑:程序博客网 时间:2024/06/05 15:58
本文转载至:http://blog.csdn.net/zhangphil/article/details/52806374
在实际的开发中,虽然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,不再赘述。
代码运行结果。
附录:
简单介绍下Glide
1,《Android图片加载与缓存开源框架:Android Glide》链接:http://blog.csdn.net/zhangphil/article/details/45535693
-----------
我的代码示例:
Glide.with(mContext) .load(headIcUrl) .placeholder(R.mipmap.head_default) .error(R.mipmap.head_default) .bitmapTransform(new CropCircleTransformation(mContext)) .into(mHeadicIV) ;
0 0
- Android Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果
- Android Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果
- Android Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果
- Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果
- Glide加载圆形图片
- Glide加载圆形图片
- Glide加载圆形图片
- Glide 圆形加载图片
- Android Glide设置默认图片、异常图片为圆形图片
- android 图片毛玻璃效果
- Glide圆形图片加载封装
- Glide圆形图片的加载
- Glide加载圆形、圆角等图片的用法
- android将图片转换为圆形图片
- Android Glide加载圆形图片,设置白色边框
- Android利用glide加载圆形图片,头像的实现
- Android Glide 图片加载
- Glide 加载圆角、圆形图片
- C++ Primer Chapter 11-1
- Azure 如何从外部ping通VM以及VM之间的互相ping通
- Ceph-设计思想及结构RADOS
- 模板类型的模板参数
- MAC下VMware Fusion虚拟机配置网卡
- Android Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果
- Windows下OpenCV3.1.0环境配置
- POJ-3067-树状数组
- 09.异步Jobs
- Windows下的oracle 11g的入门
- ios跳转设置界面
- 响应式Web基础
- 矢量图学习(二)
- 66.二叉树的前序遍历