web-dev-qa-db-ja.com

ウィンドウに合わせてJavaFXテーブルビューのサイズを変更

私はJavaFXを試してみて、それが将来であることを想定しているので、それに取り掛かっています。 4列のテーブルを作成しようとしています。列とテーブルは、親ペインを満たすようにサイズ変更する必要があります。私の人生でこれを機能させることはできません。私は今4時間以上試しましたが、テーブルビューのサイズが変更されません。

これが私のFXMLファイルです。

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

<?import Java.lang.*?>
<?import Java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import Java.net.*?>
<?import javafx.geometry.*?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.*?>
<?import javafx.scene.control.cell.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>
<?import javafx.collections.*?>
<?import t.cubed.fxml.*?>


<BorderPane styleClass="root" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8" fx:controller="t.cubed.fxml.FXMLDocumentController">
    <top>
        <MenuBar fx:id="menuBar" styleClass="menu-bar">
        <menus>
            <Menu text="File">
                <items>
                    <MenuItem onAction="#handleOpenAction" text="Open" />
                    <MenuItem onAction="#handleExitAction" text="Exit" />
                </items>
            </Menu>
            <Menu text="Edit">
                <items>
                    <MenuItem onAction="#handleWeightAction" text="Edit Weights" />  
                    <MenuItem onAction="#handleFilterAction" text="Edit Filters" />
                    <MenuItem onAction="#handleOptionsAction" text="Options" />
                </items>
            </Menu>
        </menus>
    </MenuBar>
    </top>
    <center>
        <GridPane>
               <!--
               <padding>
                   <Insets bottom="10.0" left="10.0" right="10.0" top="10.0"/> 
               </padding>
               -->
               <TableView fx:id="testTable" GridPane.columnIndex="0" GridPane.rowIndex="0" GridPane.columnSpan="1">
                   <columnResizePolicy>
                       <TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />
                   </columnResizePolicy>
                   <columns>
                       <TableColumn text="TEST NUMBER">
                       <cellValueFactory>
                           <PropertyValueFactory property="testNumber" />
                       </cellValueFactory>
                       </TableColumn>
                       <TableColumn text="TEST NAME">
                           <cellValueFactory>
                           <PropertyValueFactory property="testName" />
                       </cellValueFactory>
                       </TableColumn>
                       <TableColumn text="TEST TIME(ms)">
                           <cellValueFactory>
                           <PropertyValueFactory property="testTime" />
                       </cellValueFactory>
                       </TableColumn>
                       <TableColumn text="BEST MATCH">
                           <cellValueFactory>
                           <PropertyValueFactory property="bestMatch" />
                       </cellValueFactory>
                       </TableColumn>
                   </columns>
                   <items>
                    <!--
                    <FXCollections fx:factory="observableArrayList">
                        <TestTableModel testNumber="100" testName="Test1234" testTime="0.34" bestMatch="99"/>
                    </FXCollections>
                    -->
                </items>
               </TableView>
        </GridPane>
    </center>
<stylesheets>
    <URL value="@t-cubed.css" />
</stylesheets>
</BorderPane>
javafxtableviewfxmlborderpanegridpane
12
bzanchi

サイズ変更可能なレイアウトの仕組み

JavaFXのサイズ変更可能な項目のサイズは、項目が配置されているレイアウトマネージャによって管理されます。

あなたがする必要があること

特定の問題では、グリッドに配置したTableViewを管理するために、GridPaneのサイズ制限を設定する必要があります。

TableViewに追加した_GridPane.hgrow_および_GridPane.vgrow_制約を参照してください。

_<TableView fx:id="testTable" 
           GridPane.columnIndex="0" 
           GridPane.columnSpan="1" 
           GridPane.hgrow="ALWAYS" 
           GridPane.vgrow="ALWAYS"
           GridPane.rowIndex="0">
_

FXMLはJava APIを反映しているだけなので、Javaソースでも同じように実行できます。つまり GridPane.setHGrow(node, priority) 。ただし、レイアウトにFXMLを使用している場合は、FXMLでレイアウト制約を定義することをお勧めします。

grid

リファクタリングされたサンプル

FXMLを Scene Builder 2 にロードし、適切な制約を設定したところ、シーンビルダーのプレビュー機能を使用すると、自動的に適切なサイズに変更されるようです。

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

<?import Java.lang.*?>
<?import Java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import Java.net.*?>
<?import javafx.geometry.*?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.*?>
<?import javafx.scene.control.cell.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>
<?import javafx.collections.*?>
<?import t.cubed.fxml.*?>

<BorderPane styleClass="root" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="t.cubed.fxml.FXMLDocumentController">
  <top>
    <MenuBar fx:id="menuBar" styleClass="menu-bar">
      <menus>
        <Menu text="File">
          <items>
            <MenuItem onAction="#handleOpenAction" text="Open" />
            <MenuItem onAction="#handleExitAction" text="Exit" />
          </items>
        </Menu>
        <Menu text="Edit">
          <items>
            <MenuItem onAction="#handleWeightAction" text="Edit Weights" />
            <MenuItem onAction="#handleFilterAction" text="Edit Filters" />
            <MenuItem onAction="#handleOptionsAction" text="Options" />
          </items>
        </Menu>
      </menus>
    </MenuBar>
  </top>
  <center>
    <GridPane>
       <children>
         <!--
         <padding>
             <Insets bottom="10.0" left="10.0" right="10.0" top="10.0"/>
         </padding>
         -->
         <TableView fx:id="testTable" GridPane.columnIndex="0" GridPane.columnSpan="1" GridPane.hgrow="ALWAYS" GridPane.rowIndex="0" GridPane.vgrow="ALWAYS">
           <columnResizePolicy>
             <TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />
           </columnResizePolicy>
           <columns>
             <TableColumn text="TEST NUMBER">
               <cellValueFactory>
                 <PropertyValueFactory property="testNumber" />
               </cellValueFactory>
             </TableColumn>
             <TableColumn text="TEST NAME">
               <cellValueFactory>
                 <PropertyValueFactory property="testName" />
               </cellValueFactory>
             </TableColumn>
             <TableColumn text="TEST TIME(ms)">
               <cellValueFactory>
                 <PropertyValueFactory property="testTime" />
               </cellValueFactory>
             </TableColumn>
             <TableColumn text="BEST MATCH">
               <cellValueFactory>
                 <PropertyValueFactory property="bestMatch" />
               </cellValueFactory>
             </TableColumn>
           </columns>
           <items>
          <!--
          <FXCollections fx:factory="observableArrayList">
              <TestTableModel testNumber="100" testName="Test1234" testTime="0.34" bestMatch="99"/>
          </FXCollections>
          -->
        </items>
         </TableView>
       </children>
         <columnConstraints>
            <ColumnConstraints />
         </columnConstraints>
         <rowConstraints>
            <RowConstraints />
         </rowConstraints>
    </GridPane>
  </center>
  <stylesheets>
    <URL value="@t-cubed.css" />
  </stylesheets>
</BorderPane>
_

いくつかのアドバイス

GridPane内にTableViewを配置しています。グリッドペインはグリッドペインに1つのノードしか配置できないため、グリッドペインを使用するのは少し奇妙です。 TableViewをBorderPaneの中央に直接配置するか、StackPaneなどの単純なレイアウトの親を使用するだけでうまくいきます。しかし、おそらくこれはより複雑なUIの一部を切り詰めたバージョンにすぎないので、おそらくそれがGridPaneを使用した理由です。

さらに読む

時間がある場合は、JavaFXのレイアウトについて Node 、 Pane 、 Group および GridPane javadocおよびこの小さな layout bounds demo も試してください。

コメントに関する追加の質問

stackPaneは機能するが、StackPanesにはHgrowとVgrowがないように見える？

StackPanesはHgrowまたはVgrow制約を必要としません。これらの制約セット 優先度 は、次のように定義されます。

特定のノードのレイアウト領域の拡大（または縮小）優先順位を決定するために使用される列挙体。その領域に使用可能なスペースがあり（または少ない）、複数のノードがそのスペースを競合している場合。

StackPaneを使用すると、すべての子が互いの上に重ねられ、スペースを奪い合うことはないため、このような子ノードの成長優先度の設定は適用されません。

22
jewelsea

いくつかの宿題を終えた後、FXMLコンテナに関するいくつかの適格な情報を思いつきました。 @ user3403469によって上記で与えられたのとほとんど同じ理由で。シーンビルダーには、「containers」の長いリストがあります。 Imho、これらの9つの要素と Pane のみがレイアウトコンテナーとしての資格を持ちます。

< ペイン > ...すべての親 ペインクラス 。 Paneと Control はどちらもRegionから継承されますが、Paneの子クラスのみがレイアウトプロパティを持っています。

* <AnchorPane>
* <BorderPane>
* <FlowPane>
* <GridPane>
* <StackPane>
* <TextFlow>
* <TilePane>
* <HBox>
* <VBox>

Controlの子クラスは多かれ少なかれイベントとアクションを継承すると考えることができます。レイアウトのようなものはカプセル化領域から取得する必要があり、「コントロール」をラップするために使用できるレイアウト要素を持つ唯一のものは「ペイン」です。

これらのFXML要素は、@ jewelseaの回答などで説明されているオーダーメイドの「レイアウトマネージャー」になります。

「コントロール」コンテナーはFXMLのコンテナーであると思います。彼らは良いことをするためにパネルの「内側」にいる必要があるようです;-)

修正およびコメントを歓迎します。

関連：

0
will