美文网首页
使用Gilde实现毛玻璃效果。

使用Gilde实现毛玻璃效果。

作者: mt大山 | 来源:发表于2019-02-13 17:33 被阅读0次
    image.png

    如图效果

    首先导入 两个库
    毛玻璃效果
    Glide 4.x

    代码撸起:

      RequestOptions options1 = new RequestOptions();
            //必须加到List里,否则冲突
            List<Transformation> list = new ArrayList<>();
            list.add(new BlurTransformation(25,3));
            list.add(new CenterCrop());
            MultiTransformation multiTransformation = new MultiTransformation(list);
            options1.transform(multiTransformation);
            RequestOptions options2 = RequestOptions.circleCropTransform();
            Glide.with(this).load(R.mipmap.hehe).apply(options1).into(iv_blur);
            Glide.with(this).load(R.mipmap.hehe).apply(options2).into(personImg);
    

    xml

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:orientation="vertical"
        android:layout_height="match_parent">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
    
            <ImageView android:id="@+id/outsideImg"
                android:layout_width="match_parent"
                android:layout_height="200dp" />
    
            <ImageView
                android:id="@+id/personImg"
                android:layout_width="100dp"
                android:layout_centerInParent="true"
                android:layout_height="100dp" />
    
        </RelativeLayout>
    
    ······
    </LinearLayout>
    

    大功告成!!!

    相关文章

      网友评论

          本文标题:使用Gilde实现毛玻璃效果。

          本文链接:https://www.haomeiwen.com/subject/qzideqtx.html