JavaFX: Set height and width of ListView widget

By using 'setPrefWidth' and 'setPrefHeight' methods, you can set the preferred width and height to the listview widget.

ListView<String> listView = new ListView<>();

listView.setPrefWidth(100);

listView.setPrefHeight(80);

Find the below working application.

ListViewApp.java

package com.sample.demos;

import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.ListView;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;

public class ListViewApp extends Application {

 @Override
 public void start(Stage primaryStage) {
  ListView<String> listView = new ListView<>();
  ObservableList<String> items = FXCollections.observableArrayList("Cricket", "Chess", "Kabaddy", "Badminton",
    "Football", "Golf", "CoCo", "car racing");
  listView.setItems(items);
  
  listView.setPrefWidth(100);
  listView.setPrefHeight(80);

  HBox hBox = new HBox(listView);

  Scene scene = new Scene(hBox, 500, 200);

  /* Set the scene to primaryStage, and call the show method */
  primaryStage.setTitle("JavaFX ListView app Example");
  primaryStage.setScene(scene);
  primaryStage.show();
 }

}

TestFX.java

package com.sample.demos;

import javafx.application.Application;

public class TestFX {
 public static void main(String args[]) {
  Application.launch(ListViewApp.class, args);
 }
}

Previous                                                 Next                                                 Home