PictureSelector 相册全白不显示问题

今天使用PictureSelector时打开相册发现全部变白,预览图片也无法加载,漆黑一片。如下效果图:
相册全白
预览全黑
于是上官网查看github地址
发现loadImageEngine
多了一个loadImageEngine的方法,添加到代码后发现你会发现GlideEngine是没有的
那怎么办呢???
仔细看上图在这个方法后面有一句Please refer to the Demo GlideEngine.java这样的话,这就简单了,去他的代码里面CV就好了
下面给出GlideEngine.java的代码:

public class GlideEngine implements ImageEngine {

    /**
     * 加载图片
     *
     * @param context
     * @param url
     * @param imageView
     */
    @Override
    public void loadImage(@NonNull Context context, @NonNull String url, @NonNull ImageView imageView) {
        Glide.with(context)
                .load(url)
                .into(imageView);
    }

    /**
     * 加载网络图片适配长图方案
     * # 注意:此方法只有加载网络图片才会回调
     *
     * @param context
     * @param url
     * @param imageView
     * @param longImageView
     * @param callback      网络图片加载回调监听 {link after version 2.5.1 Please use the #OnImageCompleteCallback#}
     */
    @Override
    public void loadImage(@NonNull Context context, @NonNull String url,
                          @NonNull ImageView imageView,
                          SubsamplingScaleImageView longImageView, OnImageCompleteCallback callback) {
        Glide.with(context)
                .asBitmap()
                .load(url)
                .into(new ImageViewTarget<Bitmap>(imageView) {
                    @Override
                    public void onLoadStarted(@Nullable Drawable placeholder) {
                        super.onLoadStarted(placeholder);
                        if (callback != null) {
                            callback.onShowLoading();
                        }
                    }

                    @Override
                    public void onLoadFailed(@Nullable Drawable errorDrawable) {
                        super.onLoadFailed(errorDrawable);
                        if (callback != null) {
                            callback.onHideLoading();
                        }
                    }

                    @Override
                    protected void setResource(@Nullable Bitmap resource) {
                        if (callback != null) {
                            callback.onHideLoading();
                        }
                        if (resource != null) {
                            boolean eqLongImage = MediaUtils.isLongImg(resource.getWidth(),
                                    resource.getHeight());
                            longImageView.setVisibility(eqLongImage ? View.VISIBLE : View.GONE);
                            imageView.setVisibility(eqLongImage ? View.GONE : View.VISIBLE);
                            if (eqLongImage) {
                                // 加载长图
                                longImageView.setQuickScaleEnabled(true);
                                longImageView.setZoomEnabled(true);
                                longImageView.setDoubleTapZoomDuration(100);
                                longImageView.setMinimumScaleType(SubsamplingScaleImageView.SCALE_TYPE_CENTER_CROP);
                                longImageView.setDoubleTapZoomDpi(SubsamplingScaleImageView.ZOOM_FOCUS_CENTER);
                                longImageView.setImage(ImageSource.bitmap(resource),
                                        new ImageViewState(0, new PointF(0, 0), 0));
                            } else {
                                // 普通图片
                                imageView.setImageBitmap(resource);
                            }
                        }
                    }
                });
    }

    /**
     * 加载网络图片适配长图方案
     * # 注意:此方法只有加载网络图片才会回调
     *
     * @param context
     * @param url
     * @param imageView
     * @param longImageView
     * @ 已废弃
     */
    @Override
    public void loadImage(@NonNull Context context, @NonNull String url,
                          @NonNull ImageView imageView,
                          SubsamplingScaleImageView longImageView) {
        Glide.with(context)
                .asBitmap()
                .load(url)
                .into(new ImageViewTarget<Bitmap>(imageView) {
                    @Override
                    protected void setResource(@Nullable Bitmap resource) {
                        if (resource != null) {
                            boolean eqLongImage = MediaUtils.isLongImg(resource.getWidth(),
                                    resource.getHeight());
                            longImageView.setVisibility(eqLongImage ? View.VISIBLE : View.GONE);
                            imageView.setVisibility(eqLongImage ? View.GONE : View.VISIBLE);
                            if (eqLongImage) {
                                // 加载长图
                                longImageView.setQuickScaleEnabled(true);
                                longImageView.setZoomEnabled(true);
                                longImageView.setDoubleTapZoomDuration(100);
                                longImageView.setMinimumScaleType(SubsamplingScaleImageView.SCALE_TYPE_CENTER_CROP);
                                longImageView.setDoubleTapZoomDpi(SubsamplingScaleImageView.ZOOM_FOCUS_CENTER);
                                longImageView.setImage(ImageSource.bitmap(resource),
                                        new ImageViewState(0, new PointF(0, 0), 0));
                            } else {
                                // 普通图片
                                imageView.setImageBitmap(resource);
                            }
                        }
                    }
                });
    }

    /**
     * 加载相册目录
     *
     * @param context   上下文
     * @param url       图片路径
     * @param imageView 承载图片ImageView
     */
    @Override
    public void loadFolderImage(@NonNull Context context, @NonNull String url, @NonNull ImageView imageView) {
        Glide.with(context)
                .asBitmap()
                .load(url)
                .override(180, 180)
                .centerCrop()
                .sizeMultiplier(0.5f)
                .apply(new RequestOptions().placeholder(R.drawable.picture_image_placeholder))
                .into(new BitmapImageViewTarget(imageView) {
                    @Override
                    protected void setResource(Bitmap resource) {
                        RoundedBitmapDrawable circularBitmapDrawable =
                                RoundedBitmapDrawableFactory.
                                        create(context.getResources(), resource);
                        circularBitmapDrawable.setCornerRadius(8);
                        imageView.setImageDrawable(circularBitmapDrawable);
                    }
                });
    }


    /**
     * 加载gif
     *
     * @param context   上下文
     * @param url       图片路径
     * @param imageView 承载图片ImageView
     */
    @Override
    public void loadAsGifImage(@NonNull Context context, @NonNull String url,
                               @NonNull ImageView imageView) {
        Glide.with(context)
                .asGif()
                .load(url)
                .into(imageView);
    }

    /**
     * 加载图片列表图片
     *
     * @param context   上下文
     * @param url       图片路径
     * @param imageView 承载图片ImageView
     */
    @Override
    public void loadGridImage(@NonNull Context context, @NonNull String url, @NonNull ImageView imageView) {
        Glide.with(context)
                .load(url)
                .override(200, 200)
                .centerCrop()
                .apply(new RequestOptions().placeholder(R.drawable.picture_image_placeholder))
                .into(imageView);
    }


    private GlideEngine() {
    }

    private static GlideEngine instance;

    public static GlideEngine createGlideEngine() {
        if (null == instance) {
            synchronized (GlideEngine.class) {
                if (null == instance) {
                    instance = new GlideEngine();
                }
            }
        }
        return instance;
    }
}

打开相册的代码如下:

    private void openGallery() {
        //圆形裁剪,不可旋转图片
        PictureSelector.create(this)
                .openGallery(PictureMimeType.ofImage())
                .enableCrop(true)
                .loadImageEngine(GlideEngine.createGlideEngine())
                .cropWH(800, 800)
                .withAspectRatio(1, 1)
                .circleDimmedLayer(false)
                .showCropFrame(true)
                .compress(true)
                .showCropGrid(true)
                .rotateEnabled(false)
                .maxSelectNum(1)
                .forResult(PictureConfig.REQUEST_CAMERA);
    }

运行后发现这个问题就解决了。
相册
预览

  • 6
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
出现这种情况可能是因为你的编辑器或终端默认使用了白色背景,而头文件字体颜色默认设置为白色。可以尝试修改编辑器或终端的背景颜色,或者修改头文件字体颜色。如果你使用的是 Visual Studio Code 编辑器,可以在设置中搜索 "workbench.colorCustomizations" 并添加以下内容: ``` "workbench.colorCustomizations": { "editorGutter.background": "#F8F8F8", "editorLineNumber.foreground": "#BBBBBB", "editor.selectionBackground": "#EFEFEF", "editor.inactiveSelectionBackground": "#EFEFEF", "editor.selectionHighlightBorder": "#EFEFEF", "editor.wordHighlightBorder": "#EFEFEF", "editor.wordHighlightStrongBorder": "#EFEFEF", "editor.findMatchBorder": "#EFEFEF", "editor.findMatchHighlightBorder": "#EFEFEF", "editorBracketMatch.border": "#EFEFEF", "editorBracketMatch.background": "#F0F0F0", "editorBracketMatch.highlightBackground": "#F0F0F0", "editorCodeLens.foreground": "#999999", "editorSuggestWidget.background": "#F8F8F8", "editorSuggestWidget.border": "#EFEFEF", "editorSuggestWidget.selectedBackground": "#EFEFEF", "editorOverviewRuler.border": "#F8F8F8", "editorOverviewRuler.findMatchForeground": "#EFEFEF", "editorOverviewRuler.rangeHighlightForeground": "#EFEFEF", "editorOverviewRuler.selectionHighlightForeground": "#EFEFEF", "editorOverviewRuler.wordHighlightForeground": "#EFEFEF", "editorOverviewRuler.wordHighlightStrongForeground": "#EFEFEF", "editorWhitespace.foreground": "#BBBBBB", "editorIndentGuide.background": "#F8F8F8", "editor.lineHighlightBackground": "#F8F8F8", "editor.hoverHighlightBackground": "#F8F8F8", "diffEditor.insertedTextBackground": "#BBFFBB", "diffEditor.removedTextBackground": "#FFBBBB", "editorGroupHeader.tabsBackground": "#F8F8F8", "panel.background": "#F8F8F8", "sideBar.background": "#F8F8F8", "statusBar.background": "#F8F8F8", "tab.activeBackground": "#F8F8F8", "tab.border": "#EFEFEF", "tab.inactiveBackground": "#F8F8F8", "titleBar.activeBackground": "#F8F8F8", "titleBar.inactiveBackground": "#F8F8F8" }, "editor.tokenColorCustomizations": { "textMateRules": [ { "scope": "entity.name.type.class", "settings": { "foreground": "#6C71C4" } }, { "scope": "entity.name.function", "settings": { "foreground": "#268BD2" } }, { "scope": "entity.other.inherited-class", "settings": { "foreground": "#6C71C4" } }, { "scope": "variable.parameter", "settings": { "foreground": "#268BD2" } }, { "scope": "storage.type", "settings": { "foreground": "#6C71C4" } }, { "scope": "support.type", "settings": { "foreground": "#6C71C4" } }, { "scope": "keyword.operator", "settings": { "foreground": "#DC322F" } }, { "scope": "constant.numeric", "settings": { "foreground": "#D33682" } }, { "scope": "constant.language", "settings": { "foreground": "#6C71C4" } }, { "scope": "string", "settings": { "foreground": "#2AA198" } }, { "scope": "comment", "settings": { "foreground": "#657B83" } } ] } ``` 其中,`editor.tokenColorCustomizations` 的部分可以修改头文件字体颜色。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值