JavaFX 2.2: Come forzare un ridisegno/aggiornamento di un ListView

Question

Ho un controllo ListView in una finestra di dialogo modale JavaFX 2.

Questo ListView visualizza le istanze DXAlias, le ListCells per le quali sono fabbricati da una cella di produzione. La cosa principale che fanno gli oggetti factory è esaminare i dati delle proprietà UserData di ListView e confrontarli con l'elemento corrispondente a ListCell. Se sono uguali, i contenuti di ListCell sono resi in rosso, altrimenti neri. Lo faccio per indicare quale degli elementi in ListView è attualmente selezionato come "predefinito". Qui è la mia classe fabbrica ListCell modo da poter vedere quello che voglio dire:

private class AliasListCellFactory implements 
    Callback<ListView<DXSynonym>, ListCell<DXSynonym>> { 

@Override 
public ListCell<DXSynonym> call(ListView<DXSynonym> p) { 
    return new ListCell<DXSynonym>() { 

    @Override 
    protected void updateItem(DXSynonym item, boolean empty) { 
     super.updateItem(item, empty); 

     if (item != null) { 
      DXSynonym dx = (DXSynonym) lsvAlias.getUserData(); 

      if (dx != null && dx == item) { 
       this.setStyle("-fx-text-fill: crimson;");      
      } else { this.setStyle("-fx-text-fill: black;"); } 

      this.setText(item.getDxName()); 

     } else { this.setText(Census.FORMAT_TEXT_NULL); } 
    }}; 
} 

Ho un gestore di pulsante chiamata "handleAliasDefault()" che rende l'elemento selezionato in ListView nuova impostazione predefinita prendendo l'istanza DXAlias ​​selezionato e memorizzandolo in ListView: lsvAlias.setUserData (DXAlias ​​selezionato). Ecco il codice del gestore:

// Handler for Button[fx:id="btnAliasDefault"] onAction 
    @FXML 
    void handleAliasDefault(ActionEvent event) { 

     int sel = lsvAlias.getSelectionModel().getSelectedIndex(); 
     if (sel >= 0 && sel < lsvAlias.getItems().size()) { 
      lsvAlias.setUserData(lsvAlias.getItems().get(sel)); 
     } 
    } 

perché il cambiamento che è fatto in risposta al clic sul pulsante Imposta predefinito è quello di cambiare UserData del ListView() senza alcuna modifica al ObservableList supporto, la lista non indica correttamente il nuovo predefinito.

C'è un modo per forzare un ListView a ri-renderizzare i suoi ListCell? Ci sono un quadrilione di domande da parte degli utenti Android su questo argomento, ma non sembra esserci felicità per JavaFX. Potrei dover apportare un "cambiamento senza significato" all'array di supporto per forzare un ridisegno.

vedo che questo è stato chiesto per JavaFX 2.1: Javafx ListView refreshing

Answer 1

Per ora, sono in grado di ottenere il ListView da ridisegnare e indicare correttamente il valore predefinito selezionato utilizzando il metodo seguente, chiamato forceListRefreshOn (), a mio gestore del pulsante:

@FXML 
void handleAliasDefault(ActionEvent event) { 

    int sel = lsvAlias.getSelectionModel().getSelectedIndex(); 
    if (sel >= 0 && sel < lsvAlias.getItems().size()) { 
     lsvAlias.setUserData(lsvAlias.getItems().get(sel)); 
     this.<DXSynonym>forceListRefreshOn(lsvAlias); 
    } 
} 

il metodo di supporto appena scambia l'ObservableList dalla ListView e poi scambia indietro dentro, presumibilmente costringendo il ListView per aggiornare i suoi ListCells:

private <T> void forceListRefreshOn(ListView<T> lsv) { 
    ObservableList<T> items = lsv.<T>getItems(); 
    lsv.<T>setItems(null); 
    lsv.<T>setItems(items); 
} 

Answer 2

pare, non è necessario utilizzare updateItem metodo. Quello che ti serve - è quello di memorizzare l'indicatore della cella attualmente predefinita (che è ora nei dati dell'utente), in OblectProperty. E aggiungi un listener su questa proprietà da ogni cella. Quando il valore cambia, riassegna uno stile.

Ma penso che tale associazione chiamerà un altro problema: durante lo scorrimento, verranno create nuove celle, ma quelle precedenti non lasceranno l'associazione, che può causare perdite di memoria. Quindi è necessario aggiungere listener sulla rimozione delle celle dalla scena. Penso che possa essere fatto aggiungendo un listener su parentProperty, quando diventa nullo - rimuovi il bind.

UI non dovrebbe essere forzato ad essere aggiornato. Viene aggiornato automaticamente, quando vengono modificate le proprietà/rendering dei nodi esistenti. Quindi è sufficiente aggiornare l'aspetto/la proprietà dei nodi esistenti (celle). E per non dimenticare che le celle possono essere create in modo massiccio, durante lo scorrimento/rerendering, ecc.

Answer 3

Non è sicuro se questo funziona in Jav aFX 2.2, ma lo fa in JavaFX 8 e mi ci è voluto un po 'per capire. È necessario creare il proprio ListViewSkin e aggiungere un metodo refresh come:

public void refresh() { 
    super.flow.recreateCells(); 
} 

Questo chiamerà updateItem senza dover sostituire l'intera collezione osservabile.

Inoltre, per utilizzare la nuova pelle, è necessario creare un'istanza di esso e metterlo sul metodo del controller initialize nel caso in cui si sta utilizzando FXML:

MySkin<Subscription> skin = new MySkin<>(this.listView); // Injected by FXML 
this.listView.setSkin(skin); 
... 
((MySkin) listView.getSkin()).refresh(); // This is how you use it  

ho trovato questo dopo il debug il comportamento di una fisarmonica. Questo comando aggiorna il ListView che contiene ogni volta che lo espandi.

Answer 4

Per qualsiasi altro corpo che finisce in questa pagina:

Il modo corretto di fare questo è quello di fornire l'elenco osservabile con un "estrattore" richiamata. Questo segnalerà la lista (e ListView) di qualsiasi modifica di proprietà.

classe personalizzata da visualizzare:

public class Custom { 
    StringProperty name = new SimpleStringProperty(); 
    IntegerProperty id = new SimpleIntegerProperty(); 

    public static Callback<Custom, Observable[]> extractor() { 
     return new Callback<Custom, Observable[]>() { 
      @Override 
      public Observable[] call(Custom param) { 
       return new Observable[]{param.id, param.name}; 
      } 
     }; 
    } 

    @Override 
    public String toString() { 
     return String.format("%s: %s", name.get(), id.get()); 
    } 
} 

E il tuo corpo codice principale:

ListView<Custom> myListView; 
//...init the ListView appropriately 
ObservableList<Custom> items = FXCollections.observableArrayList(Custom.extractor()); 
myListView.setItems(items); 
Custom item = new Custom(); 
items.add(item); 
item.name.set("Mickey Mouse"); 
//^Should update your ListView!!! 

See (e metodi simili): https://docs.oracle.com/javafx/2/api/javafx/collections/FXCollections.html#observableArrayList(javafx.util.Callback)