1. 程式人生 > >Android實現使用者圓形頭像+背景模糊

Android實現使用者圓形頭像+背景模糊

效果呈現:

新增依賴:

    //圖片載入框架
    implementation 'com.github.bumptech.glide:glide:3.7.0'

    implementation 'jp.wasabeef:glide-transformations:2.0.2' //圖片模糊效果

    implementation 'com.android.support:support-v4:28.0.0'

    //圓形頭像
    implementation 'de.hdodenhof:circleimageview:2.2.0'

佈局檔案:

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <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>

java程式碼:

//背景
 
 Glide.with(UserDataActivity.this)
                .load("http://p1.so.qhmsg.com/t015112ce43bd4a1586.jpg")
                .bitmapTransform(new BlurTransformation(UserDataActivity.this,20,2))
                .into(mImage);

//頭像

   Glide.with(UserDataActivity.this)
                .load("http://p1.so.qhmsg.com/t015112ce43bd4a1586.jpg")
                .into(civ_head);

ok,over