文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2024-04-02 19:55

关注

本文实例为大家分享了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">

    <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、完成

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯