
Android实现用户圆形头像和模糊背景设计
发布日期:2021-05-07 23:25:57
浏览次数:22
分类:原创文章
本文共 2065 字,大约阅读时间需要 6 分钟。
1、效果展示
2、在build.gradle(Module)中的dependencies里面加入下面依赖
注意:glide依赖的版本
//图片加载框架implementation 'jp.wasabeef:glide-transformations:2.0.2' //图片模糊效果compile 'com.github.bumptech.glide:glide:3.7.0'//圆形头像implementation 'de.hdodenhof:circleimageview:2.2.0'
3、布局实现,activity_head.xml
<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content" tools:context=".charttest.HeadActivity"> <ImageView android:id="@+id/mImage" android:layout_width="match_parent" android:layout_height="200dp" android:scaleType="centerCrop" /> <de.hdodenhof.circleimageview.CircleImageView android:id="@+id/civ_head" android:layout_width="70dp" android:layout_height="70dp" android:src="@drawable/head" android:layout_gravity="center" /></FrameLayout>
4、核心类实现HeadActivity.java
package com.example.crab_breeding.charttest;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;import android.widget.ImageView;import com.bumptech.glide.Glide;import com.example.crab_breeding.R;import jp.wasabeef.glide.transformations.BlurTransformation;public class HeadActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_head); //获取圆形头像和背景的imageview实例 ImageView mImage=findViewById(R.id.mImage); ImageView civ_head=findViewById(R.id.civ_head); //背景模糊实现 // 参数20 表示模糊背景图片的放大参数 越大背景图片越模糊 Glide.with(HeadActivity.this) .load(R.drawable.head) .bitmapTransform(new BlurTransformation(HeadActivity.this,20,2)) .into(mImage); //头像圆形实现 Glide.with(HeadActivity.this) .load(R.drawable.head) .into(civ_head); }}
5、完成,nice!
发表评论
最新留言
留言是一种美德,欢迎回访!
[***.207.175.100]2025年04月02日 16时46分29秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Spring源码:prepareBeanFactory(beanFactory);方法
2021-05-07
AcWing 828. 模拟栈
2021-05-07
(20200328已解决)从docker容器内复制文件到宿主机
2021-05-07
理解Docker ulimit参数
2021-05-07
OpenAI Gym简介及初级实例
2021-05-07
int 转 CString
2021-05-07
Edit编辑框自动换行与长度
2021-05-07
Java面向对象
2021-05-07
JAVA带标签的break和continue
2021-05-07
Java获取线程基本信息的方法
2021-05-07
vue源码分析(MVVM篇)
2021-05-07
设计模式之组合模式
2021-05-07
(Python学习笔记):字典
2021-05-07
(C++11/14/17学习笔记):线程启动、结束,创建线程多法、join,detach
2021-05-07
leetcode 14 最长公共前缀
2021-05-07
做做Java
2021-05-07
C++并发与多线程(一)
2021-05-07
java一些基本程序
2021-05-07
vue-依赖-点击复制
2021-05-07
LeetCode 116填充每个节点的下一个右侧结点指针
2021-05-07