GridView - 有时行是顶部对齐的，有时它们是底部对齐的！

Question

我正在使用 GridView。一列中有四个项目。每个元素由以下布局组成：

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="vertical">

  <ImageView
    android:layout_width="32dip"
    android:layout_height="32dip"/>

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="11dip"
    android:paddingTop="2dip" />
</LinearLayout>

所以每个元素都是一个小图片，下面有一些文字。布局在第一遍时效果很好。但是，如果一个项目的文本很长，它会自动换行到两行。这可以正常工作，直到您将其滚动进出视图。默认情况下，一行中的所有图像都是顶部对齐的。当您将一行滚动到屏幕外，然后返回屏幕时，您会看到该行以某种方式底部对齐。它看起来像：

第一个布局：

[image]   [image]   [image]  
[text]    [text]    [text
                     wrap]

所以即使第三个元素有 2 行文本，顶部也是对齐的，这是完美的。如果我将此行滚动到屏幕之外，然后再打开，它看起来像这样：

                    [image]
[image]   [image]   [text
[text]    [text]     wrap]

因此该行在此处底部对齐。我不确定这是否是 GridView 中的错误，或者是否有某种方法可以控制布局始终顶部对齐行。我试过将元素布局的重力设置为“顶部”，不好。似乎也没有任何 GridView 独有的设置来控制它。有什么想法吗？

谢谢

Answer 1

GridView 中项目的高度必须相同。您有 2 或 3 个选项。

1. 为 TextView 指定高度
2. 使用android:singleLine="true" 使 TextView 成为单行
3. 如果您必须在某些项目中有 2 行，则使所有项目都有 2 行。你可以这样做android:minLines="2"

Answer 2

在您的LinearLayout 中尝试android:layout_gravity="top"。

此外，如果您手动为单元格扩展布局，请务必使用将 GridView 作为第二个参数并使用 false 作为第三个参数的 inflate() 版本。

Answer 3

有些设备不适合风格。

    grid.setColumnWidth(90);
    grid.setNumColumns(GridView.AUTO_FIT);
    grid.setVerticalSpacing(10);
    grid.setHorizontalSpacing(10);
    grid.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
    grid.setGravity(Gravity.CENTER);
    grid.setOnItemClickListener(this);

<style name="GridViewStyle" parent="@android:style/Widget.GridView">
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">fill_parent</item>
        <item name="android:columnWidth">90dp</item>
        <item name="android:numColumns">auto_fit</item>
        <item name="android:verticalSpacing">10dp</item>
        <item name="android:horizontalSpacing">10dp</item>
        <item name="android:stretchMode">columnWidth</item>
        <item name="android:gravity">center</item>
    </style>

// 看看我的适配器如何返回 textview
// 我的订单有点麻烦，你只需要刷新适配器（onResume 或方向更改）

public View getView(final int position, View convertView, ViewGroup parent) {
        if (convertView!=null) return convertView;

        Intent intent = (Intent) getItem(position);
        TextView tv = new TextView(mContext);
        tv.setGravity(Gravity.CENTER_HORIZONTAL);
        tv.setText(intent.getStringExtra("text"));

        try {
            tv.setCompoundDrawablesWithIntrinsicBounds(null, mContext.getPackageManager().getActivityIcon(intent), null, null);
        } catch (NameNotFoundException e) {
            tv.setCompoundDrawablesWithIntrinsicBounds(0, android.R.drawable.ic_secure, 0, 0);
        }

        return tv;
    }

Answer 4

如果你使用getview方法，你可以动态设置它的高度/宽度，你不需要取所有相同大小的元素。它会自动从中心动态裁剪图像。

 @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView = new ImageView(mContext);
        imageView.setImageResource(mThumbIds[position]);
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); //it will crop the image from center
        imageView.setLayoutParams(new GridView.LayoutParams(70, 70));
        return imageView;
    }

还可以在 xml 中设置所需的列数

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/grid_view"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:numColumns="2"          // set the number of coloums
    android:columnWidth="90dp"
    android:horizontalSpacing="10dp"
    android:verticalSpacing="10dp"
    android:gravity="center"
    android:stretchMode="columnWidth" >  
</GridView>