3 адаптивных дизайна коробки с использованием javafx - PullRequest
Новая
       26

3 адаптивных дизайна коробки с использованием javafx

0 голосов
/ 30 мая 2018

Как мне создать древовидные дизайны коробок для javafx, используя scenebuilder.У него должно быть 3 поля, которые подгоняются под размер экрана.Нечто похожее на коробки ниже.Любая помощь>

enter image description here

1 Ответ

0 голосов
/ 30 мая 2018

Я не использую scenebuilder, я предпочитаю создавать файл FXML самостоятельно, особенно потому, что он не адаптивен.
Цель при определении пользовательского интерфейса вашего приложения - выбрать удачные макеты.Некоторые из них более отзывчивы, чем другие, в зависимости от того, чего вы хотите достичь.

Я видел ваш первый первый пост, и я не использую JFoenix, тогда вот очень легкий / простой пример с «обычным» компонентом, который может помочь вам сделать ваше приложение отзывчивым. 

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.RowConstraints?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.control.Button?>
<?import javafx.geometry.Insets?>

<fx:root xmlns:fx="http://javafx.com/fxml/1" type="GridPane" >
    <children>
        <VBox GridPane.rowIndex="0" GridPane.columnIndex="0" style="-fx-background-color:grey; -fx-opacity:0.7;"/>
        <VBox GridPane.rowIndex="0" GridPane.columnIndex="2" style="-fx-background-color:grey; -fx-opacity:0.7;"/>
        <VBox GridPane.rowIndex="0" GridPane.columnIndex="4" style="-fx-background-color:grey; -fx-opacity:0.7;"/>

        <HBox GridPane.rowIndex="1" GridPane.columnIndex="2"  alignment="CENTER" spacing="10.0">
            <Button text="ADD" style="-fx-background-color:DODGERBLUE;-fx-border-radius:10;-fx-background-radius:10"/> 
            <Button text="UPDATE" style="-fx-background-color:DODGERBLUE;-fx-border-radius:10;-fx-background-radius:10"/>
            <Button text="CLEAN" style="-fx-background-color:DODGERBLUE;-fx-border-radius:10;-fx-background-radius:10"/>
        </HBox>
    </children>
    <columnConstraints>
        <ColumnConstraints percentWidth="30.0" />
        <!-- Space -->
        <ColumnConstraints percentWidth="5.0" />
        <ColumnConstraints percentWidth="30.0" />
        <!-- Space -->
        <ColumnConstraints percentWidth="5.0" />
        <ColumnConstraints percentWidth="30.0" />
    </columnConstraints>
    <rowConstraints>
        <RowConstraints percentHeight="80.0" />
        <RowConstraints percentHeight="20.0" />
    </rowConstraints>
    <padding>
        <Insets top="10.0" left="10.0" bottom="10.0" right="10.0"/>
    </padding>
</fx:root>

Это приводит к чему-то такому: enter image description here

...