Как сделать два растягиваемых ComboBox одинаковой ширины в JavaFX?
У меня есть два Button и два ComboBox. Ширина кнопок неизвестна, так как текст зависит от языка. Кнопка ComboBox с самой широкой кнопкой должна растягиваться максимально, другая ComboBox должна иметь такую же ширину (я имею в виду, что comboBox1.getWidth() должна быть равна comboBox2.getWidth()).
Это мой код:
public class JavaFxTest7 extends Application {
@Override
public void start(Stage stage) {
var button1 = new Button("Text with unknown length");
var comboBox1 = new ComboBox<String>();
comboBox1.setEditable(true);
comboBox1.setMaxWidth(Double.MAX_VALUE);
var toolBar1 = new ToolBar(comboBox1, button1);
HBox.setHgrow(comboBox1, Priority.ALWAYS);
var button2 = new Button("Another text with unknown length");
var comboBox2 = new ComboBox<String>();
comboBox2.setEditable(true);
comboBox2.setMaxWidth(Double.MAX_VALUE);
HBox.setHgrow(comboBox2, Priority.ALWAYS);
var toolBar2 = new ToolBar(comboBox2, button2);
Scene scene = new Scene(new VBox(toolBar1, toolBar2), 800, 200);
stage.setScene(scene);
stage.show();
}
public static void main(String[] args) {
launch();
}
}
Может ли кто-нибудь сказать, как это сделать?
@James_D Ты хочешь сложить два ComboBox в один GridPane?
Поместите все четыре компонента (два поля со списком и две кнопки) на панель сетки.
@James_D Спасибо за ваш комментарий. Но для меня это не решение, поскольку ComboBox находятся в разных ToolBar, как я показал в своем примере.
Но панели инструментов находятся в VBox. Разве у вас не получается все в сетке 2x2?
@James_D Этот пример представляет собой минимальный воспроизводимый пример из реального приложения, в котором у меня есть несколько кнопок на этих двух панелях инструментов.
Вы можете привязать minWidthProperty() и maxWidthProperty() для ComboBox2 к widthProperty() для ComboBox1.
@DaveB Проблема в том, что неизвестно, какой комбобокс будет шире. В вашем решении предполагается, что комбоBox2.
Что это за текст произвольной длины? Странно видеть это у Toolbar. Можно ли заменить текст иконкой? Теперь вы можете использовать Tooltip для отображения текста, когда указатель мыши наведен на кнопку?
Ответы 1
В общем, лучше позволить стандартным панелям обрабатывать макет, а не использовать привязку. Например, GridPane обычно является хорошим выбором для определения размеров элементов одинакового размера в сеточной структуре.
Однако в данном конкретном случае вы отмечаете:
Но для меня это не решение, поскольку ComboBox находятся на разных панелях инструментов.
Поэтому вместо этого можно использовать привязку или пользовательскую панель макета. Обычно панель пользовательского макета является лучшим решением, но ее создание утомительно, поэтому я просто использую здесь пример привязки.
Проблема в том, что неизвестно, какой комбобокс будет шире.
Но вы можете решить это, создав проход макета (применив CSS и макет к сцене или дереву узлов). После этого вычисляется ширина по умолчанию для всех объектов сцены, и ее можно вызвать.
Вы можете запустить этап макета, чтобы узнать, какова фактическая ширина полей со списком. Затем привяжите максимальную ширину самого длинного поля со списком к фактической ширине поля со списком самой короткой ширины. Если хотите, вы также можете связать минимальную ширину. Таким образом, оба поля со списком будут иметь одинаковую ширину.
scene.getRoot().applyCss();
scene.getRoot().layout();
if (comboBox1.getWidth() < comboBox2.getWidth()) {
comboBox2.maxWidthProperty().bind(comboBox1.widthProperty());
} else {
comboBox1.maxWidthProperty().bind(comboBox2.widthProperty());
}
Подскажите, можно ли это сделать, используя только привязки и без applyCss(), layout()? Я пытался использовать Bindings.max(...), но не получилось
Ну нет. Если нет CSS-приложения и макета, вы не знаете, насколько что-то велико.
@Pavel_K Обратите внимание на комментарий в этом ответе: «Панель пользовательского макета является лучшим решением»: использование пользовательского макета также позволит избежать необходимости вызовов applyCss() и layout().
Использование панели сетки