Question

我已经开始尝试获取有关此问题的一些信息（请参阅here），但这一次，我创建了一个示例应用程序来展示我的问题（希望以更好的方式，然后上次）。

在我获得startet之前，这里是使用应用程序的存储库链接： https://github.com/bgmf/example

让我们从代码开始吧。这是我的Gradle文件

buildscript {
    repositories {
        jcenter()
    }
    dependencies {
        classpath 'org.javafxports:jfxmobile-plugin:1.2.0'
    }
}

apply plugin: 'org.javafxports.jfxmobile'

repositories {
    jcenter()
    maven {
        url 'http://nexus.gluonhq.com/nexus/content/repositories/releases'
    }
}

mainClassName = 'eu.dzim.example.Main'

dependencies {
    compile 'com.gluonhq:charm:4.2.0'
    compile 'org.controlsfx:controlsfx:8.40.12'
    compile 'de.jensd:fontawesomefx-commons:8.13'
    compile 'de.jensd:fontawesomefx-fontawesome:4.7.0'
    compile 'de.jensd:fontawesomefx-materialdesignfont:1.7.22'
    compile 'com.fasterxml.jackson.core:jackson-databind:2.8.4'
    compileNoRetrolambda 'com.airhacks:afterburner.mfx:1.6.2'
}

jfxmobile {
    downConfig {
        version = '3.1.0'
        plugins 'display', 'lifecycle', 'statusbar', 'storage', 'settings'
    }
    android {
        manifest = 'src/android/AndroidManifest.xml'
        compileSdkVersion = 22
        minSdkVersion = 19
        targetSdkVersion = 22
        dexOptions {
            javaMaxHeapSize '2g'
        }
        packagingOptions {
            pickFirst 'META-INF/LICENSE'
            pickFirst 'META-INF/NOTICE'
            pickFirst 'license/LICENSE.txt'
        }
    }
}

我使用 Gluon 插件方法创建一个包含单个视图的应用。但由于非常......特殊......设计要求，我需要放弃 Material Design 灵感的UI， Gluon 提供。不幸。所以我需要一个简单的javafx.application.Application类并设置图标，CSS和大小。

应用模型有一个小的单例实例。为什么？我很遗憾 - 需要提供一种技术来改变整个应用程序的文本大小。该模型保存对当前大小的引用，并使用Utils类为指定的节点更改它（这或多或少准确，或多或少慢）。

最关键的部分是，有一个组件可以浏览页面，每个页面都可以根据需要从资源或文件系统加载（无论可用）。滑动就像一个魅力，但加载和渲染需要相对较长的时间（取决于设备！）从3秒到7秒（~2秒从系统加载文件并通过FXMLLoader;其余时间用户界面冻结（查看进度指示器），直到显示为止）！即使是演示应用程序也需要很长时间。 IM没什么好看的，所以这里是演示应用程序的加载机制：

package eu.dzim.example.ui;

import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.ExecutorService;
import java.util.concurrent.Executors;
import java.util.logging.Level;
import java.util.logging.Logger;

import eu.dzim.example.model.ApplicationModel;
import eu.dzim.example.util.DualAcceptor;
import eu.dzim.example.util.Utils;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.concurrent.Task;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.Node;
import javafx.scene.control.Button;
import javafx.scene.control.ProgressIndicator;
import javafx.scene.control.ScrollPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;

public class RootController {

    private static final Logger LOG = Logger.getLogger(RootController.class.getName());

    @FXML private StackPane content;
    @FXML private ScrollPane scrollContent;
    @FXML private VBox contentBox;
    @FXML private ProgressIndicator progress;
    @FXML private Button showContent;
    @FXML private Button showTextSize;

    private boolean contentLoaded = false;;

    private List<CollapsibleItemPane> panes = new ArrayList<>();
    private List<Node> resizableNodes = new ArrayList<>();

    private ChangeListener<Number> onContentTextSizeChange = this::handleContentTextSizeChanged;

    private DualAcceptor<CollapsibleItemButton, Boolean> collapsibleItemAction = this::handleCollapsibleItemAction;

    private ExecutorService executor = Executors.newSingleThreadExecutor();

    @FXML
    public void initialize() {

        ApplicationModel.getInstance().textSizeProperty().addListener(onContentTextSizeChange);

        progress.managedProperty().bind(progress.visibleProperty());

        showContent.setOnAction(e -> showContent());
        showTextSize.setOnAction(e -> switchThroughTextSize());
    }

    private void showContent() {
        if (contentLoaded)
            return;
        progress.setVisible(true);
        Task<Pane> task = new Task<Pane>() {
            @Override
            protected Pane call() throws Exception {
                FXMLLoader loader = new FXMLLoader(getClass().getResource("/fxml/ObjectRestauration.fxml"));
                return loader.load();
            }
        };
        task.setOnSucceeded(value -> {
            Pane result = (Pane) value.getSource().getValue();
            if (result == null)
                return;

            for (CollapsibleItemPane pane : panes) {
                pane.setOnActionAcceptor(null);
            }
            contentBox.getChildren().add(result);
            panes = getCollapsibleItemPanesFromContent();
            for (CollapsibleItemPane pane : panes) {
                pane.setOnActionAcceptor(collapsibleItemAction);
            }

            resizableNodes.clear();
            resizableNodes.addAll(Utils.getAllResizableNodes(contentBox));
            handleContentTextSizeChanged(ApplicationModel.getInstance().textSizeProperty(), null, ApplicationModel.getInstance().getTextSize());
            progress.setVisible(false);
            contentLoaded = true;
            executor.shutdownNow();
        });
        task.setOnFailed(value -> {
            Throwable t = value.getSource().getException();
            LOG.log(Level.SEVERE, t.getMessage(), t);
            progress.setVisible(false);
        });
        executor.submit(task);
    }

    private void switchThroughTextSize() {
        switch (ApplicationModel.getInstance().getTextSize()) {
        case Utils.TEXT_SIZE_SMALL:
            ApplicationModel.getInstance().setTextSize(Utils.TEXT_SIZE_DEFAULT);
        case Utils.TEXT_SIZE_DEFAULT:
            ApplicationModel.getInstance().setTextSize(Utils.TEXT_SIZE_LARGE);
        case Utils.TEXT_SIZE_LARGE:
            ApplicationModel.getInstance().setTextSize(Utils.TEXT_SIZE_SMALL);
        default:
            ApplicationModel.getInstance().setTextSize(Utils.TEXT_SIZE_DEFAULT);
        }
    }

    private List<CollapsibleItemPane> getCollapsibleItemPanesFromContent() {
        List<CollapsibleItemPane> panes = new ArrayList<>();
        // only collect first OR second tier panes
        for (Node node : content.getChildren()) {
            if (node instanceof CollapsibleItemPane)
                panes.add((CollapsibleItemPane) node);
            else if (node instanceof Pane) {
                for (Node child : ((Pane) node).getChildren()) {
                    if (child instanceof CollapsibleItemPane)
                        panes.add((CollapsibleItemPane) child);
                }
            }
        }
        return panes;
    }

    private void handleContentTextSizeChanged(ObservableValue<? extends Number> obs, Number o, Number n) {
        new Thread(() -> {
            Utils.handleTextSizeChange(ApplicationModel.getInstance().getTextSize(), null, resizableNodes.toArray(new Node[0]));
        }).start();
    }

    private void handleCollapsibleItemAction(CollapsibleItemButton source, Boolean visible) {
        if (!visible)
            return;
        Node parent = source.getParent();
        for (CollapsibleItemPane pane : panes) {
            if (parent == pane)
                continue;
            pane.getCollapsibleButton().hideContent();
        }
    }
}

有问题的FXML看起来像这样：

<?xml version="1.0" encoding="UTF-8"?>
<!-- 
    Do not edit this file it is generated by e(fx)clipse from ../src/main/resources/fxml/ObjectRestauration.fxgraph
-->

<?import java.lang.*?>
<?import eu.dzim.example.ui.CollapsibleItemPane?>
<?import eu.dzim.example.ui.LineBreakText?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Text?>
<?import javafx.scene.text.TextFlow?>
<?scenebuilder-stylesheet /style.css?>

<VBox xmlns:fx="http://javafx.com/fxml">

    <CollapsibleItemPane titleText="Damit sie im alten Glanz erstrahlt" titleUserData="content-text-default"> 
        <titleStyleClass>
            <String fx:value="content-text-default" />
        </titleStyleClass>
        <content>
            <VBox fx:id="content" managed="false" visible="false" spacing="3"> 
                <TextFlow lineSpacing="3"> 
                    <Text userData="content-text-small" text="Die Restaurierung der Klosterkirche St. Martin ist dringend notwendig: Nur so können wir das Kulturgut nationaler Bedeutung und seinen hohen kunsthistorischen Wert erhalten."> 
                        <styleClass>
                            <String fx:value="content-text-italic" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <ImageView preserveRatio="true" fitHeight="300"> 
                        <image>
                            <Image url="@img/kloster_werbung.jpg"/> 
                        </image>
                    </ImageView>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Die Südfassade musste eingerüstet werden, um Besucher und Mönche vor den Folgen von Frostschäden und Fassadenrissen zu schützen."> 
                        <styleClass>
                            <String fx:value="content-text-italic" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="1400 Jahre Kloster Disentis: Kulturgut von nationaler Bedeutung."> 
                        <styleClass>
                            <String fx:value="content-text-bold" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Das wohl älteste, noch lebendige Benediktinerkloster nördlich der Alpen weist eine wechselvolle Geschichte auf. Die grosszügige Barockanlage des Benediktinerklosters beherrscht mit der Klosterkirche und ihren beiden Kuppeltürmen majestätisch die Tal-Ebene von Disentis."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Die Klosterkirche St. Martin ist von hohem kunsthistorischen Wert und ein Kulturgut nationaler Bedeutung. Laut Schweizerischem Kunstführer GSK stellt sie einen der frühen Wandpfeiler-Emporen-Räume in der süddeutschen barocken Kulturregion dar und ist  eine einmalige Architekturleistung Vorarlberger-Schule."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Um dieses einmalige Kulturgut in seiner Pracht zu erhalten, bedarf die Klosterkirche St. Martin dringend einer umfangreichen Restaurierung. In der langen Geschichte der Abtei musste die Kirche etliche Male wieder aufgebaut und erneuert werden. Jedes Mal war es ein Kraftakt. Beachtliche finanzielle Mittel sind auch heute notwendig, um diese grosse Aufgabe der Restaurierung zu leisten."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Letzte Gesamtsanierung der Klosterkirche vor knapp 100 Jahren."> 
                        <styleClass>
                            <String fx:value="content-text-bold" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Die Südfassade mit den beiden Kirchtürmen wurde letztmals im Jahr 1954 renoviert. Zwar bemühte sich die Klostergemeinschaft stets, die Klosteranlage und vor allem die Klosterkirche zu pflegen; der Konvent war für deren aufwändigen Unterhalt dauernd in hohem Masse besorgt. "> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Ihre Unterstützung, ein bedeutendes Bauwerk für die Zukunft zu retten!"> 
                        <styleClass>
                            <String fx:value="content-text-bold" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Die geschätzte Gesamtsumme für die Vorhaben an der Klosterkirche St. Martin samt Umgebung beträgt nach heutigem Kostenvoranschlag rund CHF 15 Mio. Der Klostergemeinschaft ist es nicht möglich, die zusätzlichen Mittel für die Restaurierung der Klosterkirche aus eigener Kraft aufzubringen. Um die Finanzierung der notwendigen Restaurierung zu gewährleisten, startete das Kloster im Jubiläumsjahr 2014 eine breite Sammel-Aktion."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Zurzeit laufen breit angelegte Fundraising-Aktivitäten. Falls deren Ziele erreicht werden, wird mit der Detailplanung und Vorarbeiten im Jahr 2016 begonnen. Während der Jahre 2017 und 2018 ist die Aussen-Restaurierung vorgesehen, überlappend bzw. anschliessend erfolgt während der Jahre 2018 und 2019 die Innen-Restaurierung."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Ihre Spende hilft, die Restaurierung so schnell als möglich zu starten."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                </TextFlow>
            </VBox>
        </content>
    </CollapsibleItemPane>
    <CollapsibleItemPane titleText="Kunsthistorische Werte erhalten"> 
        <content>
            <VBox fx:id="content" managed="false" visible="false" spacing="3"> 
                <TextFlow lineSpacing="3"> 
                    <Text userData="content-text-small" text="Imposante barocke « Kirchenburg »"> 
                        <styleClass>
                            <String fx:value="content-text-bold" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Vom mittelalterlichen Passkloster und seinen drei Kirchen sind die heute sichtbaren Ausgrabungen im Innenhof, der Chor der Marienkirche sowie ausgestellte Funde im Klostermuseum erhalten."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Mit dem Klosterneubau im 17. und 18. Jahrhundert wurde die mittelalterliche Gebäudelandschaft durch eine «imposante barocke Kirchenburg» ersetzt."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <ImageView preserveRatio="true" fitHeight="300"> 
                        <image>
                            <Image url="@img/dsc03801.jpg"/> 
                        </image>
                    </ImageView>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Blick auf die Klosteranlage mit Internats-Gymnasium"> 
                        <styleClass>
                            <String fx:value="content-text-italic" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Hoher kunsthistorischer Wert der Klosteranlage und Klosterkirche"> 
                        <styleClass>
                            <String fx:value="content-text-bold" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Die Klosterkirche ist im Schweizerischen Kunstführer GSK («Die Benediktinerabtei Disentis») ausführlich dokumentiert:"> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="«Raum, Kirchenfassade und Kloster bilden inmitten der Bündner Hochgebirgslandschaft einen Stil, den man alpinen Barock nennen möchte» (Oscar Sandner). Die Klosterkirche St. Martin bildet den Ostflügel des eindrücklichen Klosterkomplexes. Sie stellt einen der frühen Wandpfeiler-Emporen-Räume in der süddeutschen barocken Kulturregion dar. Ihre kompakte Ausführung mit der Bildung einer Lichtrahmenschicht an den Längsfassaden ist zudem eine einmalige Architekturleistung der Vorarlberger-Schule."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Die Altarausstattung stammt zum grossen Teil aus der Erbauungszeit und umfasst auch zwei bedeutsame Renaissancealtäre der Vorgängerkirche St. Martin III."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <ImageView preserveRatio="true" fitHeight="300"> 
                        <image>
                            <Image url="@img/stiftung_006.png"/> 
                        </image>
                    </ImageView>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Blick in die Klosterkirche"> 
                        <styleClass>
                            <String fx:value="content-text-italic" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                </TextFlow>
            </VBox>
        </content>
    </CollapsibleItemPane>
    <CollapsibleItemPane titleText="Restaurierungs-Bedarf"> 
        <content>
            <VBox fx:id="content" managed="false" visible="false" spacing="3"> 
                <TextFlow lineSpacing="3"> 
                    <Text userData="content-text-small" text="Der Blick trügt – die Restaurierung der Klosterkirche ist dringend notwendig"> 
                        <styleClass>
                            <String fx:value="content-text-bold" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Zwar bemühte sich die Klostergemeinschaft stets, die Klosteranlage und vor allem die Klosterkirche zu pflegen, der Konvent war für deren aufwändigen Unterhalt dauernd in hohem Masse besorgt."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Inzwischen sind die Risse an den Fassaden und im Inneren des Bauwerks sowie weitere Bauschäden unübersehbar. Eine Gesamt-Instandstellung der Klosterkirche St. Martin erscheint deshalb dem Konvent, den Besuchern und allen beteiligten Experten als dringend notwendig."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <ImageView preserveRatio="true" fitHeight="300"> 
                        <image>
                            <Image url="@img/patronatskommitee_v5_print-7.jpg"/> 
                        </image>
                    </ImageView>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Deckenfresken von Schimmelpilz befallen"> 
                        <styleClass>
                            <String fx:value="content-text-italic" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <ImageView preserveRatio="true" fitHeight="300"> 
                        <image>
                            <Image url="@img/patronatskommitee_v5_print-8.jpg"/> 
                        </image>
                    </ImageView>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Holzwurmschäden an den Altären"> 
                        <styleClass>
                            <String fx:value="content-text-italic" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <ImageView preserveRatio="true" fitHeight="300"> 
                        <image>
                            <Image url="@img/patronatskommitee_v5_print-10.jpg"/> 
                        </image>
                    </ImageView>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Staub- und Schmutzschichten, Risse im Gemäuer"> 
                        <styleClass>
                            <String fx:value="content-text-italic" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <ImageView preserveRatio="true" fitHeight="300"> 
                        <image>
                            <Image url="@img/patronatskommitee_v5_print-12.jpg"/> 
                        </image>
                    </ImageView>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Frostschäden an der Südfassade"> 
                        <styleClass>
                            <String fx:value="content-text-italic" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                </TextFlow>
            </VBox>
        </content>
    </CollapsibleItemPane>
    <CollapsibleItemPane titleText="Vorhaben 2016-2019"> 
        <content>
            <VBox fx:id="content" managed="false" visible="false" spacing="3"> 
                <TextFlow lineSpacing="3"> 
                    <Text userData="content-text-small" text="Umfangreiche Vorarbeiten für die Restaurierung sind abgeschlossen"> 
                        <styleClass>
                            <String fx:value="content-text-bold" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Als Vorbereitung hierzu sind unter der Leitung des spezialisierten Architekturbüros Schmid Krieger AG aus Luzern, während der Jahre 2006 / 07 und 2013 / 14, umfassende Untersuchungen durchgeführt und Vorzustands-Dokumentationen erstellt worden."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Diese Arbeiten erfolgten in enger Zusammenarbeit mit der Denkmalpflege des Kantons Graubünden."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="In und um das Kirchengebäude erstellten die Experten mit neuesten Techniken eine detaillierte Situationsanalyse. Zudem befassten sie sich intensiv mit den Fachbereichen Baustatik, Bauphysik, Elektroplanung, Lüftung, Heizung, Akustik, Beleuchtung, Gebäudeautomation sowie mit der Konservierung von Fenstern, von Natursteinböden, ebenso mit den Orgeln des rund 300 Jahre alten Baudenkmals."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Realisation Vorhaben 2016 bis 2019"> 
                        <styleClass>
                            <String fx:value="content-text-bold" />
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Dank erfreulicher Fortschritte der Fundraising-Aktivitäten ermunterte der Kanton Graubünden das Kloster, die Restaurierung der havarierten Südfassade der Klosterkirche zeitlich vorzuziehen, d.h. bereits 2016 zu realisieren. Das vorgezogene Projekt beläuft sich auf CHF 2.3 Mio. Daran beteiligen sich der Kanton (Denkmalpflege) sowie der Bund (Bundesamt für Kultur / Denkmalpflege) mit CHF 0.8 Mio. Der Restbetrag ist durch Fundraising-Zusagen abgesichert."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                    <LineBreakText/> 
                    <Text userData="content-text-small" text="Weitere Fundraising-Anstrengungen sind notwendig um in den Jahren 2017 die Ostfassade der Klosterkirche sowie in den Jahren 2018/2019 die Innensanierung durchführen zu können. "> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                </TextFlow>
            </VBox>
        </content>
    </CollapsibleItemPane>
    <CollapsibleItemPane titleText="Fundraising"> 
        <content>
            <VBox fx:id="content" managed="false" visible="false" spacing="3"> 
                <TextFlow lineSpacing="3"> 
                    <Text userData="content-text-small" text="..."> 
                        <styleClass>
                            <String fx:value="content-text-small" />
                        </styleClass>
                    </Text>
                </TextFlow>
            </VBox>
        </content>
    </CollapsibleItemPane>
</VBox>

请注意，控件CollapsibleItemPane和LineBreakText是使用动态FXML的simeple自定义组件（请参阅存储库以获取这些控件）。

不幸的是，没有简单的方法来描述这个问题，GitHub回购是我所知道的唯一方式，其他人可能会对此进行调查。有人希望能更深入地了解这些问题，我有......

提前致谢，丹尼尔

编辑1： 因为通过其他渠道的一些建议，我更改了文本大小调整代码，但这对加载/渲染性能没有影响。从大型FXML文件中删除样式类也没有效果。

编辑2（测试我的每日驱动程序Nexus 6）： 在LogCat上，我看到了这些警告

01-13 14:05:23.509: W/art(23324): Class com.sun.javafx.css.StyleManager failed lock verification and will run slower.
01-13 14:05:23.753: W/art(23324): Class javafx.scene.image.Image failed lock verification and will run slower.
01-13 14:05:23.764: W/art(23324): Class com.sun.javafx.iio.ImageStorage failed lock verification and will run slower.
01-13 14:05:23.921: W/linker(23324): /data/app/eu.dzim.example-1/lib/arm/libjavafx_font.so: is missing DT_SONAME will use basename as a replacement: "libjavafx_font.so"
01-13 14:05:23.922: W/System.err(23324): Loading FontFactory com.sun.javafx.font.freetype.FTFactory
01-13 14:05:23.922: W/System.err(23324): Subpixel: enabled
01-13 14:05:23.928: W/linker(23324): /data/app/eu.dzim.example-1/lib/arm/libjavafx_font_freetype.so: is missing DT_SONAME will use basename as a replacement: "libjavafx_font_freetype.so"
01-13 14:05:23.932: W/System.err(23324): Freetype2 Loaded (version 2.5.0)
01-13 14:05:23.932: W/System.err(23324): LCD support Enabled
01-13 14:05:23.934: W/System.err(23324): Temp file created: /data/user/0/eu.dzim.example/cache/+JXF1587292252.tmp
01-13 14:05:23.949: W/art(23324): Class com.sun.javafx.font.PrismFontFile failed lock verification and will run slower.
01-13 14:05:23.994: W/art(23324): Class com.sun.javafx.text.PrismTextLayoutFactory failed lock verification and will run slower.
01-13 14:05:24.006: W/art(23324): Class com.sun.javafx.text.PrismTextLayout failed lock verification and will run slower.
01-13 14:05:24.007: W/System.err(23324): File not found: /system/etc/system_fonts.xml
[... there are more in other log-blocks ...]

也许他们与它有关？

当我按下加载按钮时，会出现以下日志

01-13 14:05:35.864: I/System.out(23324): don't add points, primary = -1
01-13 14:05:36.137: W/linker(23324): /data/app/eu.dzim.example-1/lib/arm/libjavafx_iio.so: is missing DT_SONAME will use basename as a replacement: "libjavafx_iio.so"
01-13 14:05:36.273: I/art(23324): Do full code cache collection, code=95KB, data=125KB
01-13 14:05:36.275: I/art(23324): After code cache collection, code=65KB, data=65KB
01-13 14:05:37.055: I/art(23324): Do partial code cache collection, code=96KB, data=124KB
01-13 14:05:37.056: I/art(23324): After code cache collection, code=95KB, data=124KB
01-13 14:05:37.056: I/art(23324): Increasing code cache capacity to 512KB
01-13 14:05:41.627: I/System.out(23324): ES2ResourceFactory: Prism - createStockShader: Texture_Color.frag

您可以看到手机拍摄的时间，以显示用户界面（6s）。

Answer 1

我能够在Nexus 6上重现您的发现。

虽然我没有为您提供神奇的解决方案，而这可能不是一个正确的答案，但我会尝试添加一些对您有价值的信息。

首先，运行您的应用程序，加载fxml文件需要6秒钟。

所以我运行Android设备监控应用程序（Android sdk / tools / monitor），因为它可以帮助您在应用程序上运行方法分析（运行监视器，打开您的应用程序，选择设备选项卡下的进程和点击Start Method Profiling button，几秒钟后再次点击停止。

然后打开DDMS透视图并查看分析结果：

图片显示大部分时间都在JavaFX应用程序线程内的文本布局（com.sun.javafx.text.PrismTextLayout.layout）中使用。

为了衡量TextFlow节点的影响，我创建了一个新项目，并将TextFlow文件中的所有ObjectRestauration.fxml个节点添加到了内部的VBox中ScrollPane到视图。

<View fx:id="secondary" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.gluonhq.textflow.views.SecondaryPresenter">
   <center>
      <ScrollPane BorderPane.alignment="CENTER">
         <content>
            <VBox prefWidth="350">
                <TextFlow lineSpacing="3"> 
                    <Text text="Die Restaurierung der Klosterkirche St. Martin ist dringend notwendig: Nur so können wir das Kulturgut nationaler Bedeutung und seinen hohen kunsthistorischen Wert erhalten."> 
                            <font>
                                    <Font size="12"/> 
                            </font>
                            <userData>
                                    <Integer fx:value="12"/> 
                            </userData>
                    </Text>
                    <Text text="&#10;"/> 
                    <ImageView preserveRatio="true" fitHeight="300"> 
                            <image>
                                    <Image url="@img/kloster_werbung.jpg"/> 
                            </image>
                    </ImageView>
...

运行此项目，加载包含所有内容的视图需要2-3秒，我看到com.sun.javafx.font.freetype.OSFreetype或com.sun.javafx.iio.jpeg.JPEGImageLoader消耗的时间。

这是不可避免的，因为您无论如何都需要加载您的内容。但是您可以看到自定义组件需要花费大量时间来加载和管理内容：内容为3秒，自定义组件为3秒。

我建议将FXML内容拆分为更小的内容，因为您希望使用后台线程，缓存技术以及其他解决方案在不同的可折叠窗格中显示它们。

此外，删除每个Text节点的Font和UserData分配可能会有所帮助。

关于使用FXML和反射，这个question还有一些好处。因此，您可能也可以找到以不同方式加载内容的方法，或者尝试使用FXML编译器选项，例如one。

JavaFXPorts：Android上的Text节点的渲染性能

1 个答案: