Question

我使用GridView创建了一个数据表，并希望在每行下方应用水平分隔符，如Google资料设计指南中所示。但是，我找不到任何有关其实施的信息。有任何想法吗？

Answer 1

尝试为此GridView提供背景颜色

<GridView
    android:id="@+id/gridView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#e5e5e5"
    android:horizontalSpacing="1dp"
    android:numColumns="auto_fit"
    android:stretchMode="columnWidth"
    android:verticalSpacing="1dp" >

以dp为单位给出horizontalSpacing和verticalSpacing的大小并提供您想要作为分隔符的背景颜色像格雷

Answer 2

使用GridView的{{1}}属性。

Answer 3

只需像这样创建自定义网格视图

package net.nightwhistler.pageturner.view;

import net.nightwhistler.pageturner.R;
import net.nightwhistler.pageturner.library.LibraryBook;
import net.nightwhistler.pageturner.library.QueryResult;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.widget.GridView;

public class BookCaseView extends GridView {

private Bitmap background;

private int mShelfWidth;
private int mShelfHeight;   

private QueryResult<LibraryBook> result;    

private LibraryBook selectedBook;   

public BookCaseView(Context context, AttributeSet attributes) {
    super(context, attributes);

    this.setFocusableInTouchMode(true);
    this.setClickable(false);

    final Bitmap shelfBackground = BitmapFactory.decodeResource(context.getResources(),
            R.drawable.shelf_single);
    setBackground(shelfBackground);
    this.setFocusable(true);
}

public void setBackground(Bitmap background) {
    this.background = background;

    mShelfWidth = background.getWidth();
    mShelfHeight = background.getHeight();
}   

protected void onClick( int bookIndex ) {
    LibraryBook book = this.result.getItemAt(bookIndex);

    this.selectedBook = book;
    invalidate();
}

@Override
protected void dispatchDraw(Canvas canvas) {
    final int count = getChildCount();
    final int top = count > 0 ? getChildAt(0).getTop() : 0;
    final int shelfWidth = mShelfWidth;
    final int shelfHeight = mShelfHeight;
    final int width = getWidth();
    final int height = getHeight();
    final Bitmap background = this.background;

    for (int x = 0; x < width; x += shelfWidth) {
        for (int y = top; y < height; y += shelfHeight) {
            canvas.drawBitmap(background, x, y, null);
        }

        //This draws the top pixels of the shelf above the current one

        Rect source = new Rect(0, mShelfHeight - top, mShelfWidth, mShelfHeight);
        Rect dest = new Rect(x, 0, x + mShelfWidth, top );              

        canvas.drawBitmap(background, source, dest, null);            
    }        


    super.dispatchDraw(canvas);
}

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    if ( keyCode == KeyEvent.KEYCODE_BACK && this.selectedBook != null ) {
        this.selectedBook = null;
        invalidate();
        return true;
    }

    return false;
}

}

我从她那里得到了答案 background scrolling with item in gridview

在GridView的行之间添加分隔符

3 个答案: