如何使 ListView<ImageView> 不占用比需要更多的 space？

Question

我用一些图片制作了一个ListView<ImageView>

import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.geometry.Orientation;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.ListView;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.stage.Stage;

public class MyApp extends Application {

    @Override
    public void start(Stage stage) throws Exception {

        Image img = new Image("main/img.png");
        ObservableList<ImageView> list = FXCollections.observableArrayList();
        for (int i = 0; i < 4; i++) {
            ImageView iView = new ImageView(img);
            list.add(iView);
        }

        ListView<ImageView> listView = new ListView<>(list);
        listView.setOrientation(Orientation.HORIZONTAL);

        Group root = new Group(listView);
        Scene scene = new Scene(root, 500, 500);
        stage.setScene(scene);
        stage.sizeToScene();
        stage.show();
    }

    public static void main(String[] args) throws Exception {

        launch(args);
    }
}

但这是它的样子

我希望图像完全覆盖每个单元格 - 没有插图，没有填充，没有滚动条。只是它们之间的边界。

我想绑定列表视图的 heightProperty 但它是只读的。图像视图也没有大小属性，但我认为它是采用 space 而不是图像视图的单元格。

我也试过添加一个 Pane 这样的：

Image img = new Image("main/img.png");
ObservableList<Pane> list = FXCollections.observableArrayList();
for (int i = 0; i < 4; i++) {
    ImageView iView = new ImageView(img);
    Pane pane = new BorderPane(iView);
    pane.setStyle("-fx-background-color: yellow;");
    list.add(pane);
}

ListView<Pane> listView = new ListView<>(list);
listView.setOrientation(Orientation.HORIZONTAL);

给出了这个结果

还有渲染器

list.setCellFactory((ListView<ImageView> l) -> new FitCell());

但是你也不能绑定单元格的属性。我如何在不手动设置高度和宽度的情况下执行此操作？

Answer 1

听起来您根本不需要 ListView。将 ImageView 放在 HBox 中，将 HBox 放在 ScrollPane 中。您可以使滚动窗格可平移并根据需要设置滚动条策略。这使您可以完全控制布局等，而不必担心虚拟化单元的复杂性。

例如

HBox hbox = new HBox();
Image img = new Image("main/img.png");
for (int i = 0; i < 4; i++) {
    ImageView iView = new ImageView(img);
    Pane pane = new StackPane(iView);
    pane.setStyle("-fx-background-color: yellow;");
    hbox.getChildren().add(pane);
}

ScrollPane scroller = new ScrollPane(hbox);
scroller.setPannable(true);
scroller.setFitToHeight(true);
scroller.setHbarPolicy(ScrollPane.ScrollBarPolicy.NEVER);

Group root = new Group(scroller);

// ...

您可能需要在窗格上设置其他样式，例如填充和边框等，但这应该足以让你得到你想要的东西。

如何使 ListView<ImageView> 不占用比需要更多的 space？

How to make a ListView<ImageView> not take more space than it needs?

java

listview

javafx

javafx-2

javafx-8