在固定长宽imageView上,显示图片指定区域

最近做脸搜项目,在固定imageView长宽的列表要,无论原图是什么大小和形状,要使图片充满屏幕。有人会说那用

ScaleType.CENTER_CROP不就好了吗。对!但是有个问题会居中显示。现在的需求是,要显示带脸部的区域。

上效果图(这里以一张大图为原图):

 

 

相信你们看到了。这张大图,如果用ScaleType.CENTER_CROP,那么只会显示,女孩的肚子。这样在项目列表页极其影响美观。

在得到需求后,在网上找了大部分资料。但最佳的都是要根据bitmap截图,产生新的bitmap.我这里是列表页,那么大大加大我们的内存压力。

经过大量的思索,怒自定义view;

思路:不截取bitmap,只在imageView上通过滑动来实现。

有了这条线那就好办了:

1,有2层view

2、里面一层就是我们要展示的imageView

3、外面一层是真正给用户看到的一层FrameLayout

4、通过LayoutParams来对imageView进行滑动

 

 

源码里都有详细注释。因为时间问题。写博客上传代码,也是自己写笔记。还得继续赶项目。

一同学习,一起分享。大神勿喷,支持原创

关键代码:

 

this.pic_with = pic_with;
this.pic_height = pic_height;
int expla_width = UIUtil.getWidth(mContext);

int sourceScale_height = expla_width * pic_height / pic_with;//按图片比例放大的实际高度
Log.e("实际高度是多少咯", sourceScale_height + "");
int view_height = expla_width * 9 / 16;//控件的高度
int face_up_left_y = expla_width / pic_with * Up_left_y;
int face_down_right_y = expla_width / pic_with * Down_right_y;

//可移动的y轴区域
int can_move_y = sourceScale_height - view_height;

//脸部中心点在
int point_y = face_up_left_y + (face_down_right_y - face_up_left_y) / 2;


//将图片宽度放大到控件宽度,如果放大后的图片高度大于控件高度即可
//否则将图片高度放大到控件高度。就是用最大的缩放比
if (sourceScale_height > view_height) {
    imgBg.setScaleType(ImageView.ScaleType.FIT_XY);
    FrameLayout.LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    layoutParams.width = expla_width;
    layoutParams.height = expla_width * pic_height / pic_with;
    layoutParams.topMargin = 0;

    if (point_y >= 0 && point_y <= view_height / 2) {
        //说明脸部中心位置在控件上半部分,那么不做处理


    } else if (point_y > view_height / 2) {
        //只要图片区域在下半部分那么走
        //即将要移动的图片高度
        int will_move_y = point_y - (view_height / 2);
        if (will_move_y <= can_move_y) {//如果要移动的区域 小于可移动的区域
            layoutParams.topMargin = -will_move_y;
        } else {
            layoutParams.topMargin = -can_move_y;
        }

    }

    imgBg.setLayoutParams(layoutParams);
    Glide.with(mContext)
            .load(imgUrl)
            .asBitmap()
            .dontAnimate()
            .into(imgBg);

} else {
    FrameLayout.LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    layoutParams.width = view_height * pic_with / pic_height;
    layoutParams.height = view_height;
    layoutParams.topMargin = 0;
    imgBg.setLayoutParams(layoutParams);
    imgBg.setScaleType(ImageView.ScaleType.FIT_XY);
    Glide.with(mContext)
            .load(imgUrl)
            .asBitmap()
            .dontAnimate()
            .into(imgBg);
}

源码下载

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值