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!

上一篇:Android中Fragment之间的跳转
下一篇:Android中使用ViewPager和Fragment实现底部导航栏

发表评论

最新留言

留言是一种美德,欢迎回访!
[***.207.175.100]2025年04月02日 16时46分29秒