Android实现用户圆形头像和模糊背景设计

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"><ImageViewandroid:id="@+id/mImage"android:layout_width="match_parent"android:layout_height="200dp"android:scaleType="centerCrop"/><de.hdodenhof.circleimageview.CircleImageViewandroid: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 {@Overrideprotected 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！

Android实现用户圆形头像和模糊背景设计相关推荐

Android实现用户圆形头像+背景模糊
效果呈现: 添加依赖: //图片加载框架implementation 'com.github.bumptech.glide:glide:3.7.0'implementation 'jp.wasabee ...
android开发之 - 圆形头像
//最新第三方圆形头像: https://github.com/hdodenhof/CircleImageView https://github.com/MostafaGazar/CustomShap ...
android安卓实现圆形头像效果（使用第三方开源库）
实现圆形头像方法有很多,此处使用个人认为最为方便,以及最为快速的一种方法,使用第三方开源库.此开源库提供了一个第三方ImageView的控件:RoundedImageView. 实现步骤: 第一步:引 ...
android qq 圆形头像,Android仿QQ圆形头像个性名片
先看看效果图: 中间的圆形头像和光环波形讲解请看:https://www.jb51.net/article/96508.htm 周围的气泡布局,因为布局RatioLayout是继承自ViewGroup ...
利用opencv创建圆形头像图标（背景透明）
实现效果: 原图: 输出图像: //创建圆形头像图标 #include<opencv2/opencv.hpp> using namespace cv; using namespace st ...
Android：设置圆形头像，Android截取圆形图片
在有一些程序开发中,有时候会用到圆形,截取一张图片的一部分圆形,作为头像或者其他. 本实例就是截图圆形,设置头像的. 首先讲解一些代码 [html] view plain copy < ...
微信小程序使用canvas绘图，圆形头像，网络背景图，文字，虚线，直线
<canvas type="2d" id="shareCanvas0" style="height: 1196rpx;width:578rpx; ...
android动态背景色圆形头像
RandomColor randomColor = new RandomColor(); int color = randomColor.randomColor(); //随机生成一个颜色值 Dra ...
怎么让微信头像做模糊背景
实现原理:主要就是要应用好background:inherit这个属性,背景的继承.这里不能用transform这个属性,不然背景会偏移,导致达不到清晰的效果. inherit,使用继承 <bo ...

Android实现用户圆形头像和模糊背景设计

1、效果展示

2、在build.gradle(Module)中的dependencies里面加入下面依赖

3、布局实现，activity_head.xml

4、核心类实现HeadActivity.java

5、完成，nice！

Android实现用户圆形头像和模糊背景设计相关推荐

最新文章

热门文章