Android實現(xiàn)用戶圓形頭像和模糊背景

更新時間：2021年04月21日 09:04:09 作者：靈貓小西

這篇文章主要介紹了Android實現(xiàn)用戶圓形頭像和模糊背景，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了Android實現(xiàn)用戶圓形頭像和模糊背景的具體代碼，供大家參考，具體內(nèi)容如下

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、布局實現(xiàn)，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、核心類實現(xiàn)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);

        //背景模糊實現(xiàn)
        // 參數(shù)20 表示模糊背景圖片的放大參數(shù) 越大背景圖片越模糊
        Glide.with(HeadActivity.this)
                .load(R.drawable.head)
                .bitmapTransform(new BlurTransformation(HeadActivity.this,20,2))
                .into(mImage);
        //頭像圓形實現(xiàn)
        Glide.with(HeadActivity.this)
                .load(R.drawable.head)
                .into(civ_head);
    }
}

5、完成

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: