安卓虚化背景的实现

最新推荐文章于 2021-05-27 02:05:58 发布

burro630

最新推荐文章于 2021-05-27 02:05:58 发布

阅读量2.9k

点赞数

分类专栏：安卓学习笔记文章标签： android 虚化背景

本文链接：https://blog.youkuaiyun.com/arson663300/article/details/78569558

版权

安卓学习笔记专栏收录该内容

6 篇文章

订阅专栏

之前有一个需求就是要实现类似音乐播放器的虚化背景。在此整理一下

首先看看效果：

这里写图片描述

一、引入的包

compile 'jp.wasabeef:glide-transformations:2.0.2'

二、MainActivity

package com.example.dell.myapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.WindowManager;
import android.widget.ImageSwitcher;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //设置全屏
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
        setContentView(R.layout.activity_main);
        ImageSwitcher imgView = (ImageSwitcher) findViewById(R.id.imgView);
        //图片地址【测试】
        String imgUrl="http://www.hishop.com.cn/uploads/150914/21678-150914112244436.jpg";
        Tool.setViewBlur(this,imgUrl,R.mipmap.ic_launcher, imgView);
    }
}

三、activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.dell.myapplication.MainActivity"
    >
    <ImageSwitcher
        android:id="@+id/imgView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:foreground="#62393939" />

</FrameLayout>

三、Tool工具类

package com.example.dell.myapplication;

import android.content.Context;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher;

import com.bumptech.glide.Glide;
import com.bumptech.glide.load.engine.DiskCacheStrategy;

import jp.wasabeef.glide.transformations.BlurTransformation;

/**
 * Created by burro on 2017/11/14.
 */

public class Tool {

    //    设置图片虚化背景
    public static void setViewBlur(final Context context, String path, int defImage, ImageSwitcher imgView) {
        final BlurTransformation btf = new BlurTransformation(context, 10, 10);

        imgView.setFactory(new ViewSwitcher.ViewFactory() {
            @Override
            public View makeView() {
                ImageView view = new ImageView(context);
                view.setLayoutParams(new FrameLayout.LayoutParams(
                        FrameLayout.LayoutParams.MATCH_PARENT,
                        FrameLayout.LayoutParams.MATCH_PARENT));
                view.setScaleType(ImageView.ScaleType.CENTER_CROP);
                return view;
            }
        });
        Glide.with(context)
                .load(isReal(path) ? path : defImage)
                .diskCacheStrategy(DiskCacheStrategy.RESULT)
                .bitmapTransform(btf)
                .crossFade()
                .into((ImageView) imgView.getCurrentView());
    }
    private static boolean isReal(String string) {
        return string != null && string.length() > 0 && !string.equals("null");
    }
}
到此就可以实现上述效果~