结合Glide,在使用ImageView以及PhotoView显示照片时实现将照片做圆角显示效果的经验记录

在做公司的项目需求时,遇到视觉要求要将获取到的照片以圆角的形式显示,而不是日常的矩形尖角显示,之前自己没有做过这类需求的经验,在gpt上一顿查询,经历了接连的缩小需求范围,终于找到了可实现的方法。

ImageView的形式:

布局如图所示:


image.png

对应代码如图所示:


image.png

java代码:

// 使用 Glide 加载图片并显示在 ImageView 中
        Glide.with(context)
                .load(videoUri.getPath())
                .apply(RequestOptions.bitmapTransform(new RoundedCorners(10))) // 圆角半径,可根据需求调整
                .into(binding.ivVideo);

PhotoView的形式:

布局如图所示:


image.png

对应代码如图所示:


image.png

java代码:


// 使用 Glide 加载图片并显示在 PhotoView 中
            Glide.with(context)
                    .load(!TextUtils.isEmpty(bean.getUrl()) ? bean.getUrl() : bean.getPath())
                    .apply(RequestOptions.bitmapTransform(new RoundedCorners(10))) // 圆角半径,可根据需求调整
                    .into(binding.phImage);

            // 确保 PhotoView 充满整个容器
            binding.phImage.setMaxScale(3f);

这里用的PhotoView是需要引入外部依赖的,忘了资源来源了。引入的语句如下:


    implementation 'com.bm.photoview:library:1.4.1'

嗯,做完感觉经验++,该文只是做为个人探索开发路上的经验记录,希望我的记录能对有需要的小伙伴提供到帮助~~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。