15

我想删除出现在网格视图中的额外填充。我有大小为 128*128 的图像，它们将占据网格中的单元格。但不知何故，有一个额外的空间被添加到网格的内容中。

经过一番研究，我能够确定我必须覆盖网格视图的 listSelector 属性。现在这是我的问题 - 我知道我必须在这里指定类似 xml drawable 的东西，但是在其中指定什么？我尝试使用可绘制的形状，其中填充和笔画设置为 0dp，但无济于事。

这个问题在这里被问和回答，但他们没有给出可绘制对象必须包含的内容。

有人可以帮我弄这个吗。谢谢！

编辑：好的 -这是我拥有的 UI 的副本。相同的 XML 布局如下：

<GridView android:id="@+id/GV_A2ZMenu" android:layout_width="fill_parent"
    android:layout_height="wrap_content" android:numColumns="4"
            android:layout_gravity="top" android:stretchMode="columnWidth"
    android:gravity="center" android:listSelector="@null" />

我正在使用 BaseAdapter 类来填充 gridView。这是它的代码：

public class AtoZMenu extends BaseAdapter {

private static Context AppC;

private Integer[] MenuImg = { R.drawable.alphabet_a, R.drawable.alphabet_b,
        R.drawable.alphabet_c, R.drawable.alphabet_d,
        R.drawable.alphabet_e, R.drawable.alphabet_f,
        R.drawable.alphabet_g, R.drawable.alphabet_h,
        R.drawable.alphabet_i, R.drawable.alphabet_j,
        R.drawable.alphabet_k, R.drawable.alphabet_l,
        R.drawable.alphabet_m, R.drawable.alphabet_n,
        R.drawable.alphabet_o, R.drawable.alphabet_p,
        R.drawable.alphabet_q, R.drawable.alphabet_r,
        R.drawable.alphabet_s, R.drawable.alphabet_t,
        R.drawable.alphabet_u, R.drawable.alphabet_v,
        R.drawable.alphabet_w, R.drawable.alphabet_x,
        R.drawable.alphabet_y, R.drawable.alphabet_z };

public AtoZMenu(Context C) {
    AppC = C;
}

public int getCount() {
    return MenuImg.length;
}

public Object getItem(int position) {
    return null;
}

public long getItemId(int position) {
    return 0;
}

public View getView(int position, View convertView, ViewGroup parent) {
    ImageView IV;
    float density = AppC.getResources().getDisplayMetrics().density;

    if (convertView == null) {
        IV = new ImageView(AppC);
        IV.setMaxHeight((int) (1));
    } else {
        IV = (ImageView) convertView;
    }
    IV.setImageResource(MenuImg[position]);
    return IV;
}
 }

你能发现错误吗？

注意：最后我最终在表格布局中实现了一个类似的屏幕，它呈现了更好的网格。

4

5 回答 5

38

是的，我也遇到了同样的问题。您想将 listSelector 设置为 @null：

<!-- Setting the listSelector to null removes the 5px border -->
<GridView
    android:id="@+id/view"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:listSelector="@null" />

另外，请尝试以下操作：

myGridView.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);

我看到你可以在 XML 中做到这一点，但是当我遇到同样的问题时我没有这样做；不知道为什么。

我还硬编码了键高：

float density = getContext().getResources().getDisplayMetrics().density;
mKeyHeight = (int) (56 * density);
....
@Override
public View getView(int position, View convertView, ViewGroup parent) {
    ImageButton b = (ImageButton) convertView;
    if (b == null) {
        b = new ImageButton(getContext());
        b.setMinimumHeight(mKeyHeight);
        b.setBackgroundResource(R.drawable.btn_keyboard_key);
        b.setOnClickListener(this);
    }
}

很抱歉没有给出准确的答案，所以如果您在那之后仍然需要帮助，请告诉我。

于 2011-07-30T00:15:17.010 回答
2

正如用户mvds所说，正确的答案是设置android:listSelector为。@android:color/transparent

于 2012-03-02T12:30:32.257 回答
1

我使用了 Shawn 解决方案的变体。它在模拟器上看起来不错。

1）决定列数，我选择了 4

2) 设置列宽

float xdpi = this.getResources().getDisplayMetrics().xdpi;
int mKeyHeight = (int) ( xdpi/4 );

GridView gridView = (GridView) findViewById(R.id.gridview); 
gridView.setColumnWidth( mKeyHeight );// same Height & Width

3) 在适配器的 getView 方法中设置图像

imageView = new ImageView( mContext );
// (xdpi-4) is for internal padding
imageView.setLayoutParams(new GridView.LayoutParams( (int) (xdpi-4)/2, (int) (xdpi-4)/2));
imageView.setScaleType( ImageView.ScaleType.CENTER_CROP );
imageView.setPadding(1, 1, 1, 1);

4) 布局

<?xml version="1.0" encoding="utf-8"?>
    <GridView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/gridview"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:numColumns="4"
    android:verticalSpacing="0dp"
    android:horizontalSpacing="0dp"
    android:gravity="center"
    android:listSelector="@null"
/>
<!-- 
    android:columnWidth="90dp"  Specified in code 
    android:stretchMode="columnWidth" no noticable change
-->

就是这样。

于 2012-11-28T02:48:07.307 回答
1

即使我有同样的问题。试试这个：

image.setLayoutParams(new GridView.LayoutParams(imageWidth , imageHeight)); imageView.setScaleType(ImageView.ScaleType.FIT_XY);.

为图像添加相应的填充。它对我有用。

于 2014-12-05T17:20:11.837 回答
0

我遇到了类似的问题，但在我的情况下，我的底部有一个相当大的填充区域GridView（它填充了背景颜色）。
我还没有在这里看到我的问题的解决方案，所以我会在这里发布它以防万一。

除了设置：

android:listSelector="@null"

在我的 GridView 中，我还必须设置：

android:fadingEdgeLength="0px"

或者，在 Java 中：

GridView.setFadingEdgeLength(0);
于 2013-09-19T19:56:14.237 回答