JavaFX水平添加TilePane中的对象（TilePane在ScrollPane中）

Question

我需要水平帮助在TilePane（包含在ScrollPane中）插入对象。它会水平插入，直到到达ScrollPane的末尾，然后开始添加到ScrollPane的下一行。这是什么样子：

盒子是ScrollPane和TilePane是阻碍所有图像。

基本上，我想要TilePane继续添加到右侧，并让ScrollPane显示一个水平滚动条。

这里是我的代码：

private void start() 
{ 
    @FXML private ImageView bigImage; 
    @FXML private ScrollPane scrollPane; 
    @FXML private TilePane tilePane; 

    // Setup scrollpane 
    scrollPane.setHbarPolicy(ScrollPane.ScrollBarPolicy.AS_NEEDED); 
    scrollPane.setVbarPolicy(ScrollPane.ScrollBarPolicy.NEVER);  
    tilePane.setHgap(15); 

    for(int i = 0; i < 10; i++) 
    { 
     ImageView imageView = new ImageView(bigImage.getImage()); 
     imageView.setFitWidth(100); 
     imageView.setFitHeight(100); 

     tilePane.getChildren().add(imageView); 
    } 

    //scrollPane.setFitToWidth(true); 
    scrollPane.setContent(tilePane); 
} 

FXML：

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

<?import javafx.scene.control.ScrollPane?> 
<?import javafx.scene.image.Image?> 
<?import javafx.scene.image.ImageView?> 
<?import javafx.scene.layout.AnchorPane?> 
<?import javafx.scene.layout.TilePane?> 

<AnchorPane prefHeight="700.0" prefWidth="900.0" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1" fx:controller="view.PhotoController"> 

    <children>  
     <ImageView fx:id="bigImage" fitHeight="441.0" fitWidth="534.0" layoutX="35.0" layoutY="52.0" pickOnBounds="true"> 
     <image> 
      <Image url="@../../../../../../Pictures/Wallpaper02.jpg" /> 
     </image> 
     </ImageView> 

     <ScrollPane fx:id="scrollPane" layoutX="35.0" layoutY="528.0" prefHeight="140.0" prefWidth="820.0"> 
     <content> 
      <TilePane fx:id="tilePane" prefHeight="137.0" prefWidth="817.0" /> 
     </content> 
     </ScrollPane> 
    </children> 

</AnchorPane> 

我怎么能完成我想做什么？任何帮助，将不胜感激。谢谢！

Answer 1

可以使用CCS财产“重复”与你的背景是这样，它会做所有的工作：

-fx-background-image:url("Image.png"); 
-fx-background-repeat:repeat; 

更多修饰看在Docs与背景属性。