大神们,android开发新手,用GridView+BaseAdapter 做个图片浏览器,怎么将高度设置为图中宽度的大小?

大神们,android开发新手,用GridView+BaseAdapter 做个图片浏览器,怎么将高度设置为图中宽度的大小?,第1张

你在定义listview 的itemview layout的时候,定义整个item的高度和宽度就行,不需要改变图片大小,只需要定义每个Imageview的宽高就行,至于一屏显示9个,具体大小你得自己调试,而且不同分辨率的设备之间怎么定义不同大小你都要处理。

首先,看一下Recyclerview Item的布局,您可能会发现LinearLayout的高度是“wrap_content”,ImageView的高度也是“wrap_content”,也就是说,这个Item的高度是包裹内容的。

但是,运行效果却是这样的,如图:

图片占满整个屏幕了。

如果,您删除 android:scaleType="centerCrop" 这句话会返现,图片没有占满整个屏幕,如图:

那么scaleType是什么呢?为什么会影响图片的Item的高度?

此时,您可能需要了解一下scaleType,请看这篇博客: Android ImageView 的scaleType 属性图解

看完之后,您就会恍然大物语,原来图片占满整个屏幕和图片加载的scaleType有关啊。

有些scaleType需要ImageView容器固定宽高才能设置,比如centerCrop。

scaleType有很多种,根据不同的需求,选择对应的值,本文不关心scaleType哪些数据需要高度自适应,本文关心的是,如果一旦遇到图片全屏的情况,Recyclerview的Item该怎么自适应?

下面开始描述各种解决方案,您可以根据需求自主选择最适合的一个方法

【方法一】

查了一下网上的资料,有人说设置setAutoMeasureEnabled为true可以解决高度自适应的问题,如果您相信这句话真的就能解决问题的话,那就洗洗睡吧。

看到这张截图了吗,在高SDK版本中,setAutoMeasureEnabled已被弃用。

因此,方法一不可取。

【方法二】

比较容易想到的办法就是固定图片高度

如上图,这就是固定图片为300dp的效果,但是Android手机的屏幕大小不一,有些手机的效果看起来有点怪异,那么如果让图片宽高等比,这样不管什么手机效果都很好了吧。

下面,我来写一个自定义ImageView,来实现图片宽高等比的效果。

为了方便查看效果,左右两边都缩进的100dp

效果如下:

自定义ImageView是不是很简单,只需要把

改成

即可。

这里需要说明的是,onMeasure是自定义view三大方法之一,onMeasure负责布局的测量工作,所以如果需要调整布局,那么就在这个方法里面调整即可。

【方法三】

固定图片父布局高度同样可以实现。

效果如下:

【方法四】

【方法二】 和 【方法三】 都是在宽度固定的情况计算图片高度的固定值,这些方案其实有其中的缺陷,那么需求要求图片不变形展示该如何做呢?

有一个属性也许需要您了解一下:adjustViewBounds

将adjustViewBounds设置为true也许就会达到图片宽度和高度自适应。

以下资料我在网上找的,您可以了解一下:

【Android】ImageView一个值得注意的属性adjustViewBounds

以上举例暂时就这么多了,具体情况还要看需求,如果大家遇到困难可以给我留言。

[本章完...]

ImageView的LayoutParam都设置为wrap_content并设置 android:scaleType="matrix"代码里创建MatrixMatrix matrix = new Matrix()Matrix matrix = new Matrix()matrix.postScale(0.5f, 1f)//宽缩小到50%,高度不变img.setImageMatrix(matrix)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11114417.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存