当前位置:   article > 正文

使用GridView的auto_fit遇到的坑_autofit 未铺满

autofit 未铺满

给项目进行平板的适配。找到平板运行了一下,看看效果,基本问题不大。只是对于首页的GridView显示的列数需要改一下。原先我是使用android:numColumns="3",一行显示3列。那么运行在了平板上就显得间隔太大,所以我准备显示4列。


那么我立马想到的是使用:

android:numColumns="auto_fit"

android:columnWidth="120dp"

大家都清楚这是设置GridView列宽并尽可能的填满可用空间。会随着屏幕的大小自动调节列数的。


运行在了手机与平板上以后,手机显示3列正常,两个平板,一个4列,一个5列。抓狂

无语了。。明明两个平板基本一样大啊!只是分辨率不同。一个1080*1920,一个1200*1920。

那么没办法,只有查看一下GridView源码,看看auto_fit怎么实现的。

找了一会发现了determineColumns方法,就如名字一样“确定列数”

  1. private boolean determineColumns(int availableSpace) {
  2. final int requestedHorizontalSpacing = mRequestedHorizontalSpacing;
  3. final int stretchMode = mStretchMode;
  4. final int requestedColumnWidth = mRequestedColumnWidth;
  5. boolean didNotInitiallyFit = false;
  6. if (mRequestedNumColumns == AUTO_FIT) {
  7. if (requestedColumnWidth > 0) {
  8. // Client told us to pick the number of columns
  9. mNumColumns = (availableSpace + requestedHorizontalSpacing) /
  10. (requestedColumnWidth + requestedHorizontalSpacing);
  11. } else {
  12. // Just make up a number if we don't have enough info
  13. mNumColumns = 2;
  14. }
  15. } else {
  16. // We picked the columns
  17. mNumColumns = mRequestedNumColumns;
  18. }
  19. if (mNumColumns <= 0) {
  20. mNumColumns = 1;
  21. }

这里只截取了部分。写得很清楚,如果没有设置auto_fit那么就用设置的固定值,如果固定值小于等于0,列数就是1。如果设置了auto_fit,但是没有设置列宽,默认两列。有设置列宽,则根据availableSpace除列宽计算列数。

追踪availableSpace

  1. @Override
  2. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  3. // Sets up mListPadding
  4. super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  5. int widthMode = MeasureSpec.getMode(widthMeasureSpec);
  6. int heightMode = MeasureSpec.getMode(heightMeasureSpec);
  7. int widthSize = MeasureSpec.getSize(widthMeasureSpec);
  8. int heightSize = MeasureSpec.getSize(heightMeasureSpec);
  9. if (widthMode == MeasureSpec.UNSPECIFIED) {
  10. if (mColumnWidth > 0) {
  11. widthSize = mColumnWidth + mListPadding.left + mListPadding.right;
  12. } else {
  13. widthSize = mListPadding.left + mListPadding.right;
  14. }
  15. widthSize += getVerticalScrollbarWidth();
  16. }
  17. int childWidth = widthSize - mListPadding.left - mListPadding.right;
  18. boolean didNotInitiallyFit = determineColumns(childWidth);

由上面可以看到availableSpace是GridView的宽度,单位是px,我们设置的宽度单位是dp。也就是第一段的requestColumnWidth

追踪requestColumnWidth

  1. /**
  2. * Set the width of columns in the grid.
  3. *
  4. * @param columnWidth The column width, in pixels.
  5. *
  6. * @attr ref android.R.styleable#GridView_columnWidth
  7. */
  8. public void setColumnWidth(int columnWidth) {
  9. if (columnWidth != mRequestedColumnWidth) {
  10. mRequestedColumnWidth = columnWidth;
  11. requestLayoutIfNecessary();
  12. }
  13. }

追踪columnWidth

  1. int columnWidth = a.getDimensionPixelOffset(R.styleable.GridView_columnWidth, -1);
  2. if (columnWidth > 0) {
  3. setColumnWidth(columnWidth);
  4. }

那么到这里很清楚了,dp转化为了px。

dp转化为px这个工具方法大家一定没有少用,如下:

  1. /**
  2. * * 将dip或dp值转换为px值,保证尺寸大小不变 * * @param dipValue * @param scale *
  3. * (DisplayMetrics类中属性density) * @return
  4. */
  5. public static int dip2px(Context context, float dipValue) {
  6. final float scale = context.getResources().getDisplayMetrics().density;
  7. return (int) (dipValue * scale + 0.5f);
  8. }

这里有个destiny,这个是什么。老规矩查看源码:

  1. /**
  2. * The logical density of the display. This is a scaling factor for the
  3. * Density Independent Pixel unit, where one DIP is one pixel on an
  4. * approximately 160 dpi screen (for example a 240x320, 1.5"x2" screen),
  5. * providing the baseline of the system's display. Thus on a 160dpi screen
  6. * this density value will be 1; on a 120 dpi screen it would be .75; etc.
  7. *
  8. * <p>This value does not exactly follow the real screen size (as given by
  9. * {@link #xdpi} and {@link #ydpi}, but rather is used to scale the size of
  10. * the overall UI in steps based on gross changes in the display dpi. For
  11. * example, a 240x320 screen will have a density of 1 even if its width is
  12. * 1.8", 1.3", etc. However, if the screen resolution is increased to
  13. * 320x480 but the screen size remained 1.5"x2" then the density would be
  14. * increased (probably to 1.5).
  15. *
  16. * @see #DENSITY_DEFAULT
  17. */
  18. public float density;

大概意思是说他是一个相对的屏幕密度。在160dpi的屏幕上1dp=1px,也就是mdpi。hdpi时1dp=1.5px,xhdpi时1dp=2px,xxhdpi时1dp=3px。

总结一下:px与dp之间的倍数就是density,而density的值由分辨率和屏幕尺寸决定。


之后我打Log看看手机和平板的density。

那么手机(分辨率1920*1080)是2.75,屏幕宽1080/2.75=393dp(3列)

平板1号(分辨率1920*1200)是2,屏幕宽1200/2=600dp  (5列)

平板2号(分辨率1920*1080)是2,屏幕宽1080/2=540dp  (4列)

还记得我columnWidth设置的是多少?120dp大哭

真是无语了600/120=5列,这个平板的分辨率我也是醉了。安卓的碎片化。。


那么找到了原因,也就好修改了,我通过计算屏幕宽的dp,如果大于480dp就设置4列。


其实解决这个适配需求还有许多好的方法。

分享出来,仅供参考。



声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/575562
推荐阅读
相关标签
  

闽ICP备14008679号