Javafx组合框在实时更改时不更新下拉大小？

Question

我正在使用 Javafx v8.0.25-b18。

我遇到的问题是动态组合框的下拉列表的大小没有改变，所以如果我最初在下拉列表中有两个项目，那么下拉列表的大小将适合两个项目，但是如果我现在填充包含三个项目的动态组合框然后我在里面得到一个小滚动条！？，如果我删除一个项目 - 我将在组合框中有一个空白空间！？

每次我将值放入其中时，我都想“重置”下拉列表的大小，因此每次在运行时填充它时它都会是正确的大小。

为了更清楚，我添加了三张图片：
1. 第一张截图显示初始下拉大小为 2

1. 第二个屏幕截图显示了相同的组合框，现在在运行时我添加了 2 个值，我希望它现在有一个大小为 4 的下拉列表，但下拉列表大小保持为 2 并且只添加了一个不需要的滚动条李>

1. 最后一个屏幕截图是当我删除项目并且只有一个项目保留在组合框中时，我希望看到一个下拉菜单，但不幸的是我看到一个大小为 2 的下拉菜单，因此是一个空白空间而不是第二个项目

我正在添加简单的代码来创建这个场景，我要感谢@Gikkman 帮助我们走到了这一步，代码实际上是他的！

public class Test extends Application {

private int index = 0;

@Override
public void start(Stage primaryStage) throws IOException {

VBox vbox =  new VBox();
vbox.setSpacing(10);
vbox.setAlignment(Pos.CENTER);

final ComboBox<String> box = new ComboBox<>();
box.setPrefWidth(200);
box.setVisibleRowCount(10);

Button add = new Button("Add");
Button remove = new Button("Remove");

add.setOnAction(    new EventHandler<ActionEvent>() {
  @Override
  public void handle(ActionEvent event) {
    box.getItems().add("Item " + index++);
    box.getItems().add("Item " + index++);
  }
});


remove.setOnAction( new EventHandler<ActionEvent>() {
  @Override
  public void handle(ActionEvent event) {
    if( index > 0 )
      box.getItems().remove(--index);
  }
});


vbox.getChildren().addAll(add, remove, box);


Scene scene = new Scene(vbox);

primaryStage.setScene(scene);
primaryStage.show();
}

public static void main(String[] args) {
  launch(args);
}
}

Answer 1

就像在这里提供我的两分钱。您可以将以下代码添加到您的组合框中，该组合框定义了一个自定义列表视图弹出窗口，该弹出窗口根据当前项目数具有可变高度。您可以调整要在弹出窗口中显示的最大项目数。

yourComboBox.setCellFactory(new Callback<ListView<String>, ListCell<String>>() {
        @Override
        public ListCell<String> call(ListView<String> param) {
            ListCell cell = new ListCell<String>() {
                @Override
                public void updateItem(String item, boolean empty) {
                    super.updateItem(item, empty);
                    int numItems = getListView().getItems().size();
                    int height = 175;    // set the maximum height of the popup
                    if (numItems <= 5) height = numItems * 35;    // set the height of the popup if number of items is equal to or less than 5
                    getListView().setPrefHeight(height);
                    if (!empty) {
                        setText(item.toString());
                    } else {
                        setText(null);
                    }
                }
            };
            return cell;
        }
    });

Answer 2

你可以使用两个JavaFx 列表。第一个是之前的com box list，另一个是final combo box list。然后您可以使用 yourCombo.getItems().setAll(Your List); 动态更改；

这是我的示例代码：

import java.util.ArrayList;
import java.util.List;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.ComboBox;
import javafx.scene.layout.Region;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class ComboBoxTest extends Application {

   @Override
   public void start(final Stage primaryStage) throws Exception {

      primaryStage.centerOnScreen();
      primaryStage.setHeight(200);
      primaryStage.setWidth(300);

      List<String> list1 = new ArrayList<>();
      list1.add("one");
      list1.add("two");
      list1.add("three");

      List<String> list2 = new ArrayList<>();
      list2.add("one");
      list2.add("two");
      list2.add("three");
      list2.add("four");

      final ComboBox<String> combo = new ComboBox<String>();
      combo.getItems().setAll(list1);


      Button button = new Button("Change combo contents");
      button.setOnAction(event -> {
         if ( combo.getItems().size() == 3 ) {
            combo.getItems().setAll(list2);
         } else {
            combo.getItems().setAll(list1);
         }
         combo.show();
      });

      VBox box = new VBox(20, combo, button );
      box.setMaxSize(Region.USE_PREF_SIZE, Region.USE_PREF_SIZE);
      primaryStage.setScene(new Scene( new StackPane(box) ));

      primaryStage.show();

   }

   public static void main(String[] args) throws Exception {
      launch(args);
   }

} 

Answer 3

我遇到了同样的问题，我用一个快速的技巧解决了它。 尝试显示并立即隐藏！

add.setOnAction(new EventHandler<ActionEvent>() {
  @Override
  public void handle(ActionEvent event) {
    box.getItems().add("Item " + index++);
    box.getItems().add("Item " + index++);
    box.show();
    box.hide();
  }
});

Answer 4

试试这个：

box.hide(); //before you set new visibleRowCount value
box.setVisibleRowCount(rows); // set new visibleRowCount value
box.show(); //after you set new visibleRowCount value

它适用于我的可编辑组合框，我认为它适用于你的情况。

Answer 5

您不必更改要显示的条目数。实现会自动处理。

假设您最多要显示 10 个项目。然后，您使用 comboBox.setVisibleRowCount( 10 ); 如果任何时候少于 10 个项目，Javafx 将只显示与项目一样多的行。

实际上，根据我的经验，在运行时更改可见行数有时会导致错误，所以最好只设置一个数字。

希望对您有所帮助。

---

我在理解问题所在时遇到了一些问题。我在下面做了一个简短的例子，你可以尝试一下，然后说出你想做的事情。

public class Test extends Application{

    private int index = 0;

    @Override
    public void start(Stage primaryStage) throws IOException{

        VBox vbox =  new VBox();    
        vbox.setSpacing(10);
        vbox.setAlignment(Pos.CENTER);

        ComboBox<String> box = new ComboBox<>();
        box.setPrefWidth(200);
        box.setVisibleRowCount(10);

        Button add = new Button("Add");
        Button remove = new Button("Remove");

        add.setOnAction(    new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                box.getItems().add("Item " + index++);
            }
        });


        remove.setOnAction( new EventHandler<ActionEvent>() {       
            @Override
            public void handle(ActionEvent event) {
                if( index > 0 )
                    box.getItems().remove(--index);
            }
        });


        vbox.getChildren().addAll(add, remove, box);


        Scene scene = new Scene(vbox);

        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }

}