Layout items in ListView

Question

Hello,
I want to use a ListView as a scrollable gallery to view several large resizable nodes. I would like my ListView to fit its items to its width, similar to the behavior known from ScrollPane.setFitToWidth(true).
How do i do this?
If there is no simple solution that I may have overlooked, I assume that I have to set a custom CellFactory and bind some properties. But i am not sure which ones, since nothing i tried so far was successful.
Many thanks,
l2p

Answer 1

Not sure if I'm missing something in your requirements, but this basically seems to do what you're looking for. Obviously your nodes are more complex, but this might provide a starting point.
import java.text.NumberFormat;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.ListCell;
import javafx.scene.control.ListView;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
import javafx.util.Callback;
public class ListViewLayoutTest extends Application {
  private static final NumberFormat currencyFormat = NumberFormat.getCurrencyInstance();
  @Override
  public void start(Stage primaryStage) {
    ListView<Fruit> fruitList = new ListView<Fruit>();
    fruitList.setItems(FXCollections.observableArrayList(
        new Fruit("Apple",1.99),
        new Fruit("Orange", 2.49),
        new Fruit("Banana", 2.99),
        new Fruit("Mango", 3.99)
    fruitList.setCellFactory(new Callback<ListView<Fruit>, ListCell<Fruit>>() {
      @Override
      public ListCell<Fruit> call(ListView<Fruit> listView) {
        return new ListCell<Fruit>() {
          @Override
          public void updateItem(Fruit item, boolean empty) {
            super.updateItem(item, empty);
            setText(null);
            final AnchorPane pane = new AnchorPane();
            setGraphic(pane);
            if (!empty) {
              final Label nameLabel = new Label(item.getName());
              final Label priceLabel = new Label(currencyFormat.format(item.getPrice()));
              AnchorPane.setLeftAnchor(nameLabel, 5.0);
              AnchorPane.setRightAnchor(priceLabel, 5.0);
              pane.getChildren().addAll(nameLabel, priceLabel);
    BorderPane root = new BorderPane();
    root.setCenter(fruitList);
    primaryStage.setScene(new Scene(root, 400, 600));
    primaryStage.show();
  public static void main(String[] args) {
    launch(args);
  public static class Fruit {
    private final String name;
    private final double price;
    public Fruit(String name, double price) {
      this.name = name;
      this.price = price;
    public String getName() {
      return name;
    public double getPrice() {
      return price;
}