为什么连接GUI容器？
我只是想知道，为什么我们使用多个容器？我的意思是，例如这个项目在youtube中找到它，他使用了很多容器？他只能使用一个Container吗？不是容器内容器内的容器?? ......
我只是想知道为什么我们在容器内的容器中使用容器..
FXML代码：
<AnchorPane xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"
fx:controller="controller.daftarBajuController">
<children>
<AnchorPane id="AnchorPane" fx:id="loadBaju" prefHeight="650.0"
prefWidth="1000.0"
style="-fx-background-color: white; -fx-background-image: url("/gambar/grid.jpg");"
AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0"
AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<children>
<StackPane fx:id="tambahBaju" prefHeight="650.0"
prefWidth="1000.0" AnchorPane.bottomAnchor="0.0"
AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0"
AnchorPane.topAnchor="0.0">
<children>
<Group>
<children>
<StackPane fx:id="loadStage" layoutX="347.0" layoutY="182.0"
prefHeight="287.0" prefWidth="306.0"
style="-fx-background-color: white; -fx-background-radius: 10; -fx-padding: 10; -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.8), 10, 0, 0, 0);"
AnchorPane.leftAnchor="358.0" />
<Button layoutX="642.0" layoutY="173.0" mnemonicParsing="false"
onAction="#btnClose" prefHeight="17.0" prefWidth="21.0"
style="-fx-background-image: url("/gambar/closePage.png"); -fx-background-size: 100% 100%;">
<font>
<Font size="8.0" />
</font>
</Button>
</children>
</Group>
</children>
</StackPane>
<SplitPane dividerPositions="0.18454935622317598"
focusTraversable="true" orientation="VERTICAL" prefHeight="633.0"
prefWidth="1000.0" AnchorPane.bottomAnchor="0.0"
AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0"
AnchorPane.topAnchor="17.0">
<items>
<AnchorPane maxHeight="-Infinity" minHeight="-Infinity"
prefHeight="124.0" prefWidth="998.0"
style="-fx-background-image: url("/gambar/header.gif"); -fx-background-size: 100% 100%;"
SplitPane.resizableWithParent="false">
<children>
<Label layoutX="30.0" layoutY="42.0" text="Example JavaFX"
textFill="#046272">
<font>
<Font name="Gill Sans MT" size="40.0" />
</font>
<effect>
<Reflection topOpacity="0.2" />
</effect>
</Label>
<HBox layoutX="803.0" layoutY="70.0" spacing="10.0"
AnchorPane.bottomAnchor="26.0" AnchorPane.rightAnchor="130.0"
AnchorPane.topAnchor="70.0">
<children>
<Label layoutX="803.0" layoutY="70.0" text="Login By :"
AnchorPane.bottomAnchor="26.0" AnchorPane.rightAnchor="140.0"
AnchorPane.topAnchor="70.0">
<font>
<Font size="14.0" />
</font>
</Label>
<Label fx:id="lblAdmin" layoutX="872.0" layoutY="71.0"
AnchorPane.bottomAnchor="26.0" AnchorPane.topAnchor="70.0">
<font>
<Font size="14.0" />
</font>
</Label>
</children>
</HBox>
</children>
</AnchorPane>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="418.0"
prefWidth="676.0">
<children>
<AnchorPane fx:id="editBaju" layoutX="179.0" layoutY="63.0"
prefHeight="316.0" prefWidth="336.0" />
<SplitPane dividerPositions="0.23393574297188754"
focusTraversable="true" layoutX="602.0" layoutY="48.0"
prefHeight="525.0" prefWidth="998.0" AnchorPane.bottomAnchor="0.0"
AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0"
AnchorPane.topAnchor="0.0">
<items>
<AnchorPane maxWidth="-Infinity" minHeight="0.0"
minWidth="-Infinity" prefHeight="160.0" prefWidth="230.0"
style="-fx-background-color: white;"
SplitPane.resizableWithParent="false">
<children>
<Accordion prefHeight="305.0" prefWidth="230.0"
AnchorPane.bottomAnchor="205.0" AnchorPane.leftAnchor="0.0"
AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<panes>
<TitledPane text="Menu">
<content>
<StackPane>
<children>
<ListView fx:id="listViewBaju" layoutX="-2.0"
onMouseClicked="#klikListDaftar" prefHeight="190.0"
prefWidth="236.0" AnchorPane.bottomAnchor="23.0"
AnchorPane.topAnchor="5.0" StackPane.alignment="CENTER">
<StackPane.margin>
<Insets bottom="-11.0" left="-12.0" right="-11.0"
top="-11.0" />
</StackPane.margin>
</ListView>
</children>
</StackPane>
</content>
</TitledPane>
<TitledPane text="Transaksi">
<content>
<AnchorPane minHeight="0.0" minWidth="0.0"
prefHeight="180.0" prefWidth="200.0" />
</content>
</TitledPane>
<TitledPane text="Laporan">
<content>
<AnchorPane minHeight="0.0" minWidth="0.0"
prefHeight="180.0" prefWidth="200.0" />
</content>
</TitledPane>
</panes>
</Accordion>
</children>
</AnchorPane>
<StackPane>
<children>
<StackPane fx:id="daftarListMenu" opacity="0.0"
prefHeight="150.0" prefWidth="200.0" />
<StackPane fx:id="menuBaju" style="-fx-background-color: white;"
StackPane.alignment="CENTER">
<children>
<Group layoutX="52.0" layoutY="67.0"
StackPane.alignment="CENTER">
<children>
<TableView fx:id="tableBaju" layoutX="32.0"
layoutY="2.0" onMouseClicked="#klikBaju" prefHeight="324.0"
prefWidth="666.0"
stylesheets="file:/D:/javafx/daftarHargaBaju/src/css/baju.css">
<columns>
<TableColumn fx:id="colNo" minWidth="0.0"
prefWidth="0.0" resizable="false" text="No" />
<TableColumn fx:id="colKode" prefWidth="73.0"
resizable="false" text="Kode" />
<TableColumn fx:id="colNama" prefWidth="142.0"
text="Nama Baju" />
<TableColumn fx:id="colVendor" prefWidth="142.0"
text="Vendor Baju" />
<TableColumn fx:id="colHarga" prefWidth="138.0"
text="Harga Baju" />
<TableColumn fx:id="colTanggal" prefWidth="152.0"
text="Tanggal" />
</columns>
</TableView>
<HBox layoutX="34.0" layoutY="346.0" spacing="10.0">
<children>
<Button layoutX="34.0" layoutY="366.0"
mnemonicParsing="false" onAction="#btnTambah"
prefHeight="31.0" prefWidth="74.0" style="-fx-text-fill: white;"
styleClass="custem-button-input"
stylesheets="file:/D:/javafx/daftarHargaBaju/src/css/baju.css"
text="Tambah">
<font>
<Font name="System Bold" size="12.0" />
</font>
</Button>
<Button layoutX="149.0" layoutY="366.0"
mnemonicParsing="false" onAction="#btnEdit"
prefHeight="31.0" prefWidth="74.0" style="-fx-text-fill: white;"
styleClass="custem-button-input"
stylesheets="file:/D:/javafx/daftarHargaBaju/src/css/baju.css"
text="Edit">
<font>
<Font name="System Bold" size="12.0" />
</font>
</Button>
<Button mnemonicParsing="false" onAction="#btnBatal"
prefHeight="31.0" prefWidth="74.0" style="-fx-text-fill: white;"
styleClass="custem-button-input"
stylesheets="file:/D:/javafx/daftarHargaBaju/src/css/baju.css"
text="Refresh">
<font>
<Font name="System Bold" size="12.0" />
</font>
</Button>
<Button layoutX="265.0" layoutY="366.0"
mnemonicParsing="false" onAction="#btnHapus"
prefHeight="31.0" prefWidth="74.0" style="-fx-text-fill: white;"
styleClass="custem-button-input"
stylesheets="file:/D:/javafx/daftarHargaBaju/src/css/baju.css"
text="Hapus">
<font>
<Font name="System Bold" size="12.0" />
</font>
</Button>
</children>
</HBox>
<TextField fx:id="txtCariBaju" layoutX="418.0"
layoutY="349.0" onKeyReleased="#cariBaju" prefHeight="25.0"
prefWidth="280.0" promptText="Pencarian" />
<Region layoutX="34.0" layoutY="-14.0"
prefHeight="16.0" prefWidth="677.0" />
<Region layoutX="20.0" layoutY="2.0" prefHeight="386.0"
prefWidth="12.0" />
</children>
<StackPane.margin>
<Insets bottom="4.0" left="4.0" right="4.0" top="4.0" />
</StackPane.margin>
</Group>
</children>
</StackPane>
</children>
</StackPane>
</items>
</SplitPane>
</children>
</AnchorPane>
</items>
</SplitPane>
</children>
</AnchorPane>
<MenuBar prefHeight="25.0" prefWidth="1000.0"
AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0"
AnchorPane.topAnchor="0.0">
<menus>
<Menu mnemonicParsing="false" text="File">
<items>
<MenuItem mnemonicParsing="false" text="Close" />
</items>
</Menu>
<Menu mnemonicParsing="false" text="Edit">
<items>
<MenuItem mnemonicParsing="false" text="Delete" />
</items>
</Menu>
<Menu mnemonicParsing="false" text="Help">
<items>
<MenuItem mnemonicParsing="false" text="About" />
</items>
</Menu>
</menus>
<effect>
<DropShadow />
</effect>
</MenuBar>
</children>
</AnchorPane>
1 个答案:
答案 0 :(得分：1)
这通常会使组件成组时更容易移动/处理。
在某种程度上，它更符合逻辑，与物理世界相似。
让我们说粗体字是容器，斜体是组件（粗体斜体字是......容器和组件）。现在，如果您尝试在 中描述 书架 ：它'， 房间 ，在 侧 ，它有多个货架，每个 货架 包含一些书籍或东西。 而且每一个通常都是相对于它的容器。
如果你想找一本书，那就在书架上。 如果要移动书架，则包含的每个组件将同时移动。听起来很明显，对吗？
当然，可以使用更少的容器。我们看到 会议室 包含图书。它们与以前处于同一位置，但我们认为它们不再位于书架容器中。
房间里还有书。他们仍然在同一个地方，他们仍然表现得像书。
如果，当你试图移动书架时，书籍和东西会悬浮在他们旧位置的空中吗？ 好吧，如果您不使用这些容器，那可能会发生什么。
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？