본문 바로가기
GUI( JavaFX Scene Builder )/SceneBuilder

SceneBuilder 예제(2_FXML)

by pms93 2022. 8. 19.
<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.FlowPane?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.RowConstraints?>

<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="250.0" prefWidth="500.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1">
   <top>
      <FlowPane alignment="CENTER" hgap="80.0" prefHeight="41.0" prefWidth="500.0" style="-fx-background-color: pink;" BorderPane.alignment="CENTER">
         <children>
            <Label text="메뉴" />
            <Label text="홈" />
            <Label text="로그인" />
         </children>
      </FlowPane>
   </top>
   <left>
      <GridPane prefHeight="168.0" prefWidth="132.0" style="-fx-background-color: skyblue;" BorderPane.alignment="CENTER">
        <columnConstraints>
          <ColumnConstraints hgrow="SOMETIMES" maxWidth="132.0" minWidth="10.0" prefWidth="132.0" />
          <ColumnConstraints hgrow="SOMETIMES" maxWidth="60.0" minWidth="0.0" prefWidth="0.0" />
        </columnConstraints>
        <rowConstraints>
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
        </rowConstraints>
         <children>
            <Button mnemonicParsing="false" prefHeight="23.0" prefWidth="93.0" text="메뉴 나열" GridPane.halignment="LEFT" GridPane.valignment="TOP">
               <GridPane.margin>
                  <Insets bottom="150.0" />
               </GridPane.margin>
            </Button>
         </children>
      </GridPane>
   </left>
   <center>
      <GridPane style="-fx-background-color: #65FF5E;" BorderPane.alignment="CENTER">
        <columnConstraints>
          <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
        </columnConstraints>
        <rowConstraints>
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
        </rowConstraints>
         <children>
            <Button mnemonicParsing="false" text="내용 들어가는 곳" GridPane.halignment="LEFT" GridPane.valignment="TOP">
               <GridPane.margin>
                  <Insets bottom="150.0" />
               </GridPane.margin>
            </Button>
         </children>
      </GridPane>
   </center>
   <right>
      <GridPane style="-fx-background-color: #FFFF5A;" BorderPane.alignment="CENTER">
        <columnConstraints>
          <ColumnConstraints hgrow="SOMETIMES" maxWidth="121.0" minWidth="10.0" prefWidth="111.0" />
          <ColumnConstraints hgrow="SOMETIMES" maxWidth="94.0" minWidth="10.0" prefWidth="89.0" />
        </columnConstraints>
        <rowConstraints>
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
        </rowConstraints>
         <children>
            <Button maxHeight="20.0" maxWidth="100.0" mnemonicParsing="false" text="아이디 입력" GridPane.halignment="RIGHT" GridPane.valignment="BOTTOM">
               <GridPane.margin>
                  <Insets left="15.0" top="32.0" />
               </GridPane.margin>
            </Button>
            <Button maxHeight="47.0" maxWidth="80.0" mnemonicParsing="false" text="로그인" GridPane.columnIndex="1" GridPane.rowSpan="2">
               <GridPane.margin>
                  <Insets />
               </GridPane.margin>
            </Button>
            <Button maxHeight="20.0" maxWidth="100.0" mnemonicParsing="false" text="비밀번호 입력" GridPane.halignment="RIGHT" GridPane.rowIndex="1" GridPane.valignment="TOP">
               <GridPane.margin>
                  <Insets bottom="32.0" left="15.0" />
               </GridPane.margin>
            </Button>
         </children>
      </GridPane>
   </right>
   <bottom>
      <FlowPane alignment="CENTER" prefHeight="41.0" prefWidth="500.0" style="-fx-background-color: #FF8224;" BorderPane.alignment="CENTER">
         <children>
            <Button mnemonicParsing="false" text="바닥글 들어가는 곳" />
         </children>
      </FlowPane>
   </bottom>
</BorderPane>