hintergrund scrollen mit dem Element in der gridview

Wie Binde ich die hintergrund-scrolling mit einem gridview? Wenn es klingt vage, ich meine, wie die Implementierung die ein Bücherregal mit einem gridview, wo das Regal-Bild wird als Anhang zu einem Element in der gridview.

InformationsquelleAutor louieansonng | 2011-07-18
  1. 4

    Es dauerte ewig, um dies herauszufinden, so dass für jeden der versucht, dies zu tun, hier ist der code von meiner e-book-reader.

    Es basiert auf Regale von Romain Guy, so dass er verdient den Kredit für den original-code.

    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;
    }   

}
    • In diese Lösung und denke, dass das Regal befestigt, um ein einzelnes Element. Kann dies dazu führen, dass einige Probleme, wenn Sie versuchen zu malen ein Regal unter alle Elemente ohne Abstand? Oder vielleicht, wenn Sie ein einzelnes Element auf einem Regal?
    • Nein, es Malt das Regal, unabhängig davon, wie viele Artikel Sie ziehen vor ihm. Alle es tut, ist, malen Sie den hintergrund, so dass es Schriftrollen richtig.
    • Bitte sagen Sie mir, was ist die Verwendung von den folgenden code: //Dieses zieht die oberste Pixel des Regals über dem aktuellen Rect Quelle = new Rect(0, mShelfHeight - top, mShelfWidth, mShelfHeight); Rect dest = new Rect(x, 0, x + mShelfWidth, top ); canvas.drawBitmap(hintergrund, source, dest, null); coz, auch wenn ich zu entfernen es wird die Ansicht nicht immer betroffen..
    • Ohne, dass code, wenn Sie einen Bildlauf durchführen Sie haben manchmal einen kleinen Streifen von leeren Raum an der Oberseite des Bildschirms, da die oberste Reihe beginnt ein paar Pixel unter dem oberen Rand der Ansicht, aber die Reihe, bevor es nicht noch gezeigt.
    InformationsquelleAutor NightWhistler
  2. 1

    Was ich Tat, war zu split mein hintergrund Bild in n gridview-Spalten und in meinem gridview getView-Methode fügen Sie die view-hintergrund gemäß der position in der Startaufstellung.
    Es funktionierte perfekt.

    Wenn Sie möchten, dass der code einfach stellen.

    • layout.setBackground(Kontext.getResources().getDrawable(R. drawable.shelf_panel)); für die Nachricht, die Sie erzählen-oder gridview-Steuerelements.setBackground(getResources().getDrawable(R. drawable.bookshelf_empty)), ist das möglich teilen den code??
    InformationsquelleAutor Moisés Olmedo
  3. -1

    Meiner vorherigen Antwort nur noch der hintergrund, aber nicht lassen Sie es Blättern Sie mit den Elementen. was Sie wan ist NightWhistler Antwort 🙂
    Sorry für die Fehlinterpretation der Frage.

    • Ich dachte mit, dass, aber das problem wird sein, die Anzahl der Elemente, die angezeigt werden. Wenn ich nur 4 Bücher und die Anzahl der Spalten pro Zeile ist nur drei, gibt es 2 Positionen in der zweiten Reihe, die nicht den hintergrund, so dass es seltsam Aussehen.
    • Ich glaube nicht, dass es funktioniert, ist der hintergrund nicht scrollen mit den Bildern
    • Ich habe auch versucht über solution & ich bin in der Lage zu zeichnen Trennlinie zwischen Zeilen im GridView, aber wenn ich scrolle das gridView, nur Element, Elemente, gescrollt, nicht den separator.Wie scroll-Elemente mit Trennzeichen wie listView.?
    InformationsquelleAutor DallaRosa
Schreibe einen Kommentar