JavaFX benutzerdefinierte Zelle Fabrik mit benutzerdefinierten Objekten

Ich versuche, ein custom ListView aus Gewohnheit Cell basiert auf einer Liste von benutzerdefinierten objects.

Das benutzerdefinierte Objekt der Klasse namens Message enthält ein paar Felder für die Nachricht Inhalt, Empfänger, timestamp und status (Lesen, gesendete usw).

Nach einem Blick auf diese Frage : Anpassen ListView in JavaFX mit FXML habe ich erfolgreich :

erstellt eine ListView mit benutzerdefinierte Zellen, wo die Zelle-design definiert ist, in einem FXML-Datei ;
verbunden controller so dass jede Zelle Daten gefüllt werden kann, mit der das aktuelle Element der Sammlung ;

Allerdings, ich konnte nicht verbinden : ich kann nicht scheinen zu finden ein Weg, so dass das aktuelle Element der ListView gesendet, die Cell Controller.

Hier ist mein code für die Zelle Fabrik und der ListView Befüllung der Elemente:

final ObservableList observableList = FXCollections.observableArrayList();
observableList.setAll(myMessages); //assume myMessage is a ArrayList<Message>
conversation.setItems(observableList); //the listview
conversation.setCellFactory(new Callback<ListView<Message>, ListCell<Message>>() {
    @Override
    public ConversationCell<Message> call(ListView<Message> listView) {
        return new ConversationCell();
    }
});

Und jetzt, die ConversationCell Klasse :

public final class ConversationCell<Message> extends ListCell<Message> { 

    @Override
    protected void updateItem(Message item, boolean empty) {
        super.updateItem(item, empty);
        ConversationCellController ccc = new ConversationCellController(null);
        setGraphic(ccc.getView());
    }
}

Kann ich nicht zeigen, die ConversationCellController aber ich kann nur sagen, dies ist wo (im Konstruktor) I laden der FXML-Datei, die designs der Zelle und dann kann ich füllen Sie die Werte mit der angegebenen Message-Element.

Den getView() Methode gibt die root-Bereich enthält, die nun-gefüllt-und-konzipiert Zelle.

Als ich vorher sagen, die Gestaltung der Arbeit, aber ich kann nicht scheinen, um link die ListView-Elemente mit der CellFactory, weil in der Methode

protected void updateItem(Message-Element, boolean leer)

leer eingestellt ist wahr und die Sache ist in der Tat null.

Was kann ich tun, um diese Arbeit zu machen ?

Ist empty auf true gesetzt, die auf alle Instanzen? eine Zelle wird als leer, wenn es keinen Gegenstand hat, das ist - es ist einfach da, um zu füllen den Raum unterhalb der eigentlichen Zellen. Wenn Ihr ListView ist groß genug, um zu zeigen, 10 Elemente, aber Sie haben nur 3 haben Sie 7 ConversationCell Objekte, die leer sind. Als ein beiseite, ich kann nicht sehen, wo ConversationCellController sollte erhalten die Artikel aus. Wenn Sie immer noch sicher, dass Sie immer empty = true auf die Zellen mit den eigentlichen Daten kann es hilfreich sein, wenn Sie kommen könnte mit einem minimal-Beispiel, auf dieses problem.
Ich denke, die ListView Umsetzung zunächst schafft genügend Zellen zu füllen, die Anzeige und fordert updateItem(null, true); auf alle von Ihnen, dann ruft updateItem(...) auf die nicht-leer sind, mit den entsprechenden Daten (obwohl ich bin nicht sicher, und habe keine Zeit zu Graben, durch den source-code jetzt). Jedenfalls sind alle cell-Implementierungen behandeln müssen, die leere Zelle, Fall.
"Ich kann nicht zeigen, die ConversationCellController" Warum nicht?
Ich danke Ihnen allen, Sie hatten Recht ! Weiß ich endlich, warum JavaFX Lasten leere Zelle. Ich dachte mir nur "was zur Hölle" ? Aber es macht Sinn für das füllen leerer Räume sichtbar. So funktioniert es jetzt 🙂 aber jetzt bin ich auf der Suche für databinding und mehr spezifisch, Ereignis-Trigger wie in der Windows-WPF-ViewModel-Paradigma, so dass mein Handy aktualisiert werden kann (in meinem Fall, Update-Status, mit dem Fortschritt -> Nachricht wird gesendet, empfangen, gelesen, etc.)
Ich würde lieber nicht zeigen alle mein code aus privaten Gründen, aber ich will nicht zu klingen respektlos zu Euch, die Ihr versucht, mir zu helfen 😉 also habe ich gesammelt, ich könnte summup die Inhalte der ConversationCellController, weil ich nicht denke, das problem kam aus, dass ich Recht hatte '^^
Sie können immer erstellen ein ganz neues Projekt welches genau das tut, was Sie brauchen, um eine Frage stellen. So können Sie zeigen keine private Gesellschaft code, und Sie können auch am Ende mit einem Beispiel, das direkt auf den Punkt.
das ist in der Tat ein sehr guter Punkt ! Ich habe nicht daran gedacht ! 🙂 Nächstes mal 😉

InformationsquelleAutor Mackovich | 2016-01-17

12

Alle benutzerdefinierten Zelle Implementierungen überschreiben updateItem(...) müssen sich mit dem Fall, wo die Zelle leer ist in der Methode. Also könnte man einen naiv-fix mit
```
public final class ConversationCell<Message> extends ListCell<Message> { 

    @Override
    protected void updateItem(Message item, boolean empty) {
        super.updateItem(item, empty);
        if (empty) {
            setGraphic(null);
        } else {
            //did you mean to pass null here, or item??
            ConversationCellController ccc = new ConversationCellController(null);
            setGraphic(ccc.getView());
        }
    }
}
```
Dies ist jedoch keine gute Lösung aus Sicht der performance. Sie sind das laden der FXML jedes mal updateItem(...) heißt mit einem nicht-leere Zelle, und das ist ein ziemlich aufwändiger Vorgang (eventuell mit Datei-i/o, entpacken der FXML-Datei aus einer jar-Datei Parsen der Datei, Menge der Reflexion, neue UI-Elemente, etc). Sie wollen nicht zu Fragen, die FX Application Thread zu tun, all die Arbeit jedes mal, wenn der Benutzer führt einen Bildlauf der Listenansicht um ein paar Pixel. Stattdessen Ihr Handy Zwischenspeichern soll der Knoten und es aktualisieren sollten, in der updateItem Methode:
```
public final class ConversationCell<Message> extends ListCell<Message> { 

    private final ConversationCellController ccc = new ConversationCellController(null);
    private final Node view = ccc.getView();

    @Override
    protected void updateItem(Message item, boolean empty) {
        super.updateItem(item, empty);
        if (empty) {
            setGraphic(null);
        } else {
            ccc.setItem(item);
            setGraphic(view);
        }
    }
}
```
Sollten Sie definieren eine setItem(...) Methode in der ConversationCellController dass aktualisiert die Ansicht (setzt text auf Etiketten, etc etc) entsprechend.
- Hey, das ist eigentlich ein sehr guter Punkt ! Genau wie Android-ListView-adapter mit dem ViewHolder pattern zu verfolgen, die bereits einen Blick auf CPU-Auslastung reduzieren und lags. Ich werde versuchen, Ihre Idee so schnell wie möglich. Könnten Sie mir auch sagen, was ich tun kann, um Ereignisse auszulösen, mit meinem aktuellen setup/code, so dass eine bestimmte Zelle aktualisiert wird ? Ich habe einen progress bar für eine Nachricht wird gesendet, und ich möchte zu aktualisieren, den Fortschritt, zum Beispiel. Danke!!!
- Für die updates, was so etwas ist eine andere Frage haben, können Sie vereinbaren, dass die Listen-Ansicht aktualisiert seine Zellen durch die Verwendung von JavaFX-properties, die in Ihrem Message Klasse und erstellen Sie die Elemente der Liste mit einem Extraktor. Siehe stackoverflow.com/questions/23822550
- danke. Ich werde einen Blick zu haben ! Durch die Art, wie ich Ihre Lösungen umgesetzt und es funktioniert Prima. Ich habe nicht viele Artikel (wenige) in meiner ObservableList aber ich Blicke flotter ! Eh, mir ist auch aufgefallen, dass ccc.setItem mehrfach aufgerufen wird, also ich mußte eine boolean in ConversationCellController zu vermeiden, die einen Blick auf viele der Zeit. War ich richtig zu tun ? Für jetzt es funktioniert, aber ich Frage mich... danke!
InformationsquelleAutor James_D

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.