如何在android中模糊主布局的背景图像?

如何在android中模糊主布局的背景图像?,android,alpha,Android,Alpha,我只是想使背景图像看起来模糊(像散焦),我使用了alpha,但它不仅设置了我的背景图像的alpha,而且还设置了整个内容…有没有办法,我可以设置模糊效果只对我的背景图像 需要帮助提前感谢 请使用下面的教程进行背景模糊 导航抽屉: 片段: 图像:如果要在布局中模糊图像: 布局: 公共类MainActivity扩展了活动{ private static final String BLURRED_IMG_PATH = "blurred_image.png"; private static fi

我只是想使背景图像看起来模糊(像散焦),我使用了alpha,但它不仅设置了我的背景图像的alpha,而且还设置了整个内容…有没有办法,我可以设置模糊效果只对我的背景图像


需要帮助提前感谢

请使用下面的教程进行背景模糊

  • 导航抽屉:

  • 片段:

  • 图像:如果要在布局中模糊图像:

  • 布局:

    公共类MainActivity扩展了活动{

    private static final String BLURRED_IMG_PATH = "blurred_image.png";
    private static final int TOP_HEIGHT = 700;
    private ListView mList;
    private ImageView mBlurredImage;
    private View headerView;
    private ImageView mNormalImage;
    private ScrollableImageView mBlurredImageHeader;
    private Switch mSwitch;
    private float alpha;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
        setContentView(R.layout.activity_main);
    
        // Get the screen width
        final int screenWidth = ImageUtils.getScreenWidth(this);
    
        // Find the view
        mBlurredImage = (ImageView) findViewById(R.id.blurred_image);
        mNormalImage = (ImageView) findViewById(R.id.normal_image);
        mBlurredImageHeader = (ScrollableImageView) findViewById(R.id.blurred_image_header);
        mSwitch = (Switch) findViewById(R.id.background_switch);
        mList = (ListView) findViewById(R.id.list);
    
        // prepare the header ScrollableImageView
        mBlurredImageHeader.setScreenWidth(screenWidth);
    
        // Action for the switch
        mSwitch.setOnCheckedChangeListener(new OnCheckedChangeListener() {
    
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if (isChecked) {
                    mBlurredImage.setAlpha(alpha);
                } else {
                    mBlurredImage.setAlpha(0f);
    
                }
    
            }
        });
    
        // Try to find the blurred image
        final File blurredImage = new File(getFilesDir() + BLURRED_IMG_PATH);
        if (!blurredImage.exists()) {
    
            // launch the progressbar in ActionBar
            setProgressBarIndeterminateVisibility(true);
    
            new Thread(new Runnable() {
    
                @Override
                public void run() {
    
                    // No image found => let's generate it!
                    BitmapFactory.Options options = new BitmapFactory.Options();
                    options.inSampleSize = 2;
                    Bitmap image = BitmapFactory.decodeResource(getResources(), R.drawable.image, options);
                    Bitmap newImg = Blur.fastblur(MainActivity.this, image, 12);
                    ImageUtils.storeImage(newImg, blurredImage);
                    runOnUiThread(new Runnable() {
    
                        @Override
                        public void run() {
                            updateView(screenWidth);
    
                            // And finally stop the progressbar
                            setProgressBarIndeterminateVisibility(false);
                        }
                    });
    
                }
            }).start();
    
        } else {
    
            // The image has been found. Let's update the view
            updateView(screenWidth);
    
        }
    
        String[] strings = getResources().getStringArray(R.array.list_content);
    
        // Prepare the header view for our list
        headerView = new View(this);
        headerView.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, TOP_HEIGHT));
        mList.addHeaderView(headerView);
        mList.setAdapter(new ArrayAdapter<String>(this, R.layout.list_item, strings));
        mList.setOnScrollListener(new OnScrollListener() {
    
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
    
            }
    
            /**
             * Listen to the list scroll. This is where magic happens ;)
             */
            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
    
                // Calculate the ratio between the scroll amount and the list
                // header weight to determinate the top picture alpha
                alpha = (float) -headerView.getTop() / (float) TOP_HEIGHT;
                // Apply a ceil
                if (alpha > 1) {
                    alpha = 1;
                }
    
                // Apply on the ImageView if needed
                if (mSwitch.isChecked()) {
                    mBlurredImage.setAlpha(alpha);
                }
    
                // Parallax effect : we apply half the scroll amount to our
                // three views
                mBlurredImage.setTop(headerView.getTop() / 2);
                mNormalImage.setTop(headerView.getTop() / 2);
                mBlurredImageHeader.handleScroll(headerView.getTop() / 2);
    
            }
        });
    }
    
    private void updateView(final int screenWidth) {
        Bitmap bmpBlurred = BitmapFactory.decodeFile(getFilesDir() + BLURRED_IMG_PATH);
        bmpBlurred = Bitmap.createScaledBitmap(bmpBlurred, screenWidth, (int) (bmpBlurred.getHeight()
                * ((float) screenWidth) / (float) bmpBlurred.getWidth()), false);
    
        mBlurredImage.setImageBitmap(bmpBlurred);
    
        mBlurredImageHeader.setoriginalImage(bmpBlurred);
    }
    
    private static final String fuzzle\u IMG\u PATH=“fuzzle\u image.png”;
    专用静态最终内部顶部高度=700;
    私有ListView-mList;
    私有图像查看mBlurredImage;
    私有视图headerView;
    私有图像视图mNormalImage;
    私有滚动图像视图mBlurredImageHeader;
    专用交换开关;
    私人浮动阿尔法;
    @凌驾
    创建时受保护的void(Bundle savedInstanceState){
    super.onCreate(savedInstanceState);
    requestWindowFeature(Window.FEATURE\u不确定\u进度);
    setContentView(R.layout.activity_main);
    //获取屏幕宽度
    final int screenWidth=ImageUtils.getScreenWidth(this);
    //找到视图
    mBlurredImage=(ImageView)findViewById(R.id.fuzzy_图像);
    mNormalImage=(ImageView)findViewById(R.id.normal\u图像);
    mBlurredImageHeader=(ScrollableImageView)findViewById(R.id.fuzzle\u image\u header);
    mSwitch=(开关)findviewbyd(R.id.background\u开关);
    mList=(ListView)findViewById(R.id.list);
    //准备标题ScrollableImageView
    mBlurredImageHeader.设置屏幕宽度(屏幕宽度);
    //开关的动作
    mSwitch.setOnCheckedChangeListener(新的OnCheckedChangeListener(){
    @凌驾
    检查更改后的公共无效(复合按钮视图,布尔值已检查){
    如果(已检查){
    mBlurredImage.setAlpha(α);
    }否则{
    mBlurredImage.setAlpha(0f);
    }
    }
    });
    //试着找出模糊的图像
    最终文件blurredImage=新文件(GetFileDir()+模糊的\u IMG\u路径);
    如果(!blurredImage.exists()){
    //在ActionBar中启动progressbar
    SetProgressBarInDeterminateVibility(真);
    新线程(newrunnable()){
    @凌驾
    公开募捐{
    //找不到图像=>让我们生成它!
    BitmapFactory.Options=new-BitmapFactory.Options();
    options.inSampleSize=2;
    位图image=BitmapFactory.decodeResource(getResources(),R.drawable.image,选项);
    位图newImg=Blur.fastblur(MainActivity.this,image,12);
    ImageUtils.storeImage(newImg、bluredimage);
    runOnUiThread(新的Runnable(){
    @凌驾
    公开募捐{
    更新视图(屏幕宽度);
    //最后停止进度条
    SetProgressBarInDeterminateVibility(假);
    }
    });
    }
    }).start();
    }否则{
    //已找到图像。让我们更新视图
    更新视图(屏幕宽度);
    }
    String[]strings=getResources().getStringArray(R.array.list\u content);
    //准备列表的标题视图
    headerView=新视图(该视图);
    headerView.setLayoutParams(新的LayoutParams(LayoutParams.MATCH_PARENT,TOP_HEIGHT));
    mList.addHeaderView(headerView);
    mList.setAdapter(新的ArrayAdapter(this,R.layout.list_项,strings));
    mslist.setOnScrollListener(新的OnScrollListener(){
    @凌驾
    公共无效onScrollStateChanged(AbsListView视图,int scrollState){
    }
    /**
    *听列表滚动。这是魔术发生的地方;)
    */
    @凌驾
    public void onScroll(AbsListView视图、int firstVisibleItem、int visibleItemCount、int totalItemCount){
    //计算滚动量与列表之间的比率
    //确定顶部图片alpha的标题重量
    alpha=(float)-headerView.getTop()/(float)顶部高度;
    //贴上天花板
    如果(α>1){
    α=1;
    }
    //如果需要,在ImageView上应用
    if(mSwitch.isChecked()){
    mBlurredImage.setAlpha(α);
    }
    //视差效果:我们将滚动量的一半应用于
    //三种观点
    mBlurredImage.setTop(headerView.getTop()/2);
    mNormalImage.setTop(headerView.getTop()/2);
    mBlurredImageHeader.handleScroll(headerView.getTop()/2);
    }
    });
    }
    私有void updateView(最终整型屏幕宽度){
    位图bmpBlurred=BitmapFactory.decodeFile(getFilesDir()+模糊的\u IMG\u路径);
    bmpBlurred=Bitmap.createScaledBitmap(bmpBlurred,screenWidth,(int)(bmpBlurred.getHeight()
    *((float)screenWidth)/(float)bmpBlurred.getWidth()),false);
    mBlurredImage.setImageBitmap(bmpBlurred);
    mBlurredImageHeader.setoriginalImage(bmpBlurred);
    }
    
    }


  • Kotlin代码,使用视图效果库:

    1-在build.gradle中添加库:

        implementation 'com.github.mirrajabi:view-effects:e355a1bac4'
    
    2-模糊根视图或视图的背景,此处约束布局模糊20%

     ViewFilter.getInstance(this)
            .setRenderer(  BlurRenderer(20))
            .applyFilterOnView(  root_constraintLayout,
                root_constraintLayout    )
    

    我的github模糊背景存储库:

    查看此页面:为什么被否决?我的图标和文本为白色…如果我使用白色图像…则所有内容都不可见…我想在图像上设置一些灰色效果,以便我可以看到我的图标和文本。。