Призрачная анимация в приложении xxhdpi Android javafxports

Я написал небольшое приложение javafx, которое анимирует квадрат, перемещающийся из верхнего левого угла в нижний правый. Затем он переворачивает анимацию и запускает ее непрерывно. На моем пикселе 4 (xxhdpi) квадрат оставляет за собой след из краев на обратном пути. Этого не происходит на моем Nexus 7 2013 (xhdpi) или на моем рабочем столе.

Пробовал как плагин gluon, так и плагин gluon-vm.

Кажется, это связано с плотностью пикселей экрана. . . как вы предотвращаете ореолы на плотных экранах? Изображение и код ниже.

Скриншот Пикселя 4:

Скриншот Nexus 2013:

И приложение:

public class StockJavaFx extends Application {
    @Override
    public void start(Stage primaryStage) {
        Dimension2D dimension = Services.get(DisplayService.class)
                .map(DisplayService::getDefaultDimensions)
                .orElseThrow(() -> new NullPointerException("DisplayService"));

        Rectangle rectangle = new Rectangle(75, 75);

        Pane container = new Pane();
        container.getChildren().add(new Rectangle(dimension.getWidth(), dimension.getHeight(), Color.DARKSLATEGRAY));
        container.getChildren().add(rectangle);

        Scene scene = new Scene(container);

        primaryStage.setScene(scene);

        TranslateTransition tt = new TranslateTransition(Duration.millis(750), rectangle);
        tt.setFromX(0);
        tt.setToX(dimension.getWidth() - 75);
        tt.setFromY(0);
        tt.setToY(dimension.getHeight() - 75);
        tt.setCycleCount(Animation.INDEFINITE);
        tt.setAutoReverse(true);

        FillTransition ft = new FillTransition(Duration.millis(750), rectangle);
        ft.setFromValue(Color.ORANGERED);
        ft.setToValue(Color.CADETBLUE);
        ft.setCycleCount(Animation.INDEFINITE);
        ft.setAutoReverse(true);

        tt.play();
        ft.play();

        primaryStage.show();
    }
}

person deridex    schedule 21.04.2020    source источник
comment
Вы пробовали использовать подключаемый модуль клиента Gluon с JavaFX 11+? См. здесь: github.com/gluonhq/client-samples. Я тестировал на своем Pixel XL (плотность 3,5), никаких проблем с ореолом.   -  person José Pereda    schedule 23.04.2020
comment
Я не знал, что клиент Gluon существует! Его нет в списке продуктов на gluonhq.com, что является любопытным упущением. Буду экспериментировать и обновлять.   -  person deridex    schedule 24.04.2020
comment
@JoséPeda При использовании клиента Gluon анимация не страдает от ореолов. Благодарю вас! Если вы опубликуете официальный ответ, я выберу его. Теперь мне нужно выяснить, как настроить манифест Android, и узнать о Gluon Substrate в целом. Кроме того, я начал изучать Gluon после того, как увидел одно из ваших видео JavaFX на YouTube. :)   -  person deridex    schedule 24.04.2020
comment
Отлично, приятно знать. Я опубликую ответ в ближайшее время.   -  person José Pereda    schedule 24.04.2020


Ответы (1)


старый подключаемый модуль Gluon jfxmobile является более или менее EOL, и его заменяет новый подключаемый модуль Gluon Client. Более подробную информацию можно найти здесь и здесь. Подробную документацию можно найти здесь.

Вот как вы можете попробовать создать приложение для Android, которое решит проблему «призраков» с некоторыми дополнительными «небольшими» преимуществами, такими как использование Java и JavaFX 11+, GraalVM и получение гораздо более производительного приложения. Обратите внимание, что клиентский плагин для Android все еще находится в стадии активной разработки и еще не готов к работе.

Прежде чем приступить к работе, убедитесь, что вы выполняете предварительные требования здесь:

  • Используйте Linux-машину
  • Загрузите и распакуйте эту версию GraalVM.
  • Установите переменную среды GRAALVM_HOME в каталог установки GraalVM, например:

    export GRAALVM_HOME=/opt/graalvm-svm-linux-20.1.0-ea+28
    
  • Используйте Java 11 или установите export JAVA_HOME=$GRAALVM_HOME

Вы можете изменить один из существующих примеров, например HelloGluon.

Вы можете изменить pom, чтобы использовать последние версии, например:

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.gluonhq.hello</groupId>
    <artifactId>hellogluon</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>jar</packaging>

    <name>hellogluon</name>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <maven.compiler.release>11</maven.compiler.release>
        <javafx.version>14.0.1</javafx.version>
        <attach.version>4.0.7</attach.version>
        <client.plugin.version>0.1.22</client.plugin.version>
        <mainClassName>com.gluonhq.hello.HelloGluon</mainClassName>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.openjfx</groupId>
            <artifactId>javafx-controls</artifactId>
            <version>${javafx.version}</version>
        </dependency>
        <dependency>
            <groupId>com.gluonhq</groupId>
            <artifactId>charm-glisten</artifactId>
            <version>6.0.4</version>
        </dependency>
        <dependency>
            <groupId>com.gluonhq.attach</groupId>
            <artifactId>display</artifactId>
            <version>${attach.version}</version>
        </dependency>
        <dependency>
            <groupId>com.gluonhq.attach</groupId>
            <artifactId>lifecycle</artifactId>
            <version>${attach.version}</version>
        </dependency>
        <dependency>
            <groupId>com.gluonhq.attach</groupId>
            <artifactId>statusbar</artifactId>
            <version>${attach.version}</version>
        </dependency>
        <dependency>
            <groupId>com.gluonhq.attach</groupId>
            <artifactId>storage</artifactId>
            <version>${attach.version}</version>
        </dependency>
        <dependency>
            <groupId>com.gluonhq.attach</groupId>
            <artifactId>util</artifactId>
            <version>${attach.version}</version>
        </dependency>
    </dependencies>

    <repositories>
        <repository>
            <id>Gluon</id>
            <url>https://nexus.gluonhq.com/nexus/content/repositories/releases</url>
        </repository>
    </repositories>

    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.8.1</version>
                <configuration>
                    <release>${maven.compiler.release}</release>
                </configuration>
            </plugin>

            <plugin>
                <groupId>org.openjfx</groupId>
                <artifactId>javafx-maven-plugin</artifactId>
                <version>0.0.4</version>
                <configuration>
                    <mainClass>${mainClassName}</mainClass>
                </configuration>
            </plugin>

            <plugin>
                <groupId>com.gluonhq</groupId>
                <artifactId>client-maven-plugin</artifactId>
                <version>${client.plugin.version}</version>
                <configuration>
                    <target>${client.target}</target>
                    <attachList>
                        <list>display</list>
                        <list>lifecycle</list>
                        <list>statusbar</list>
                        <list>storage</list>
                    </attachList>
                    <mainClass>${mainClassName}</mainClass>
                </configuration>
            </plugin>
        </plugins>

    <profiles>
        <profile>
            <id>desktop</id>
            <activation>
                <activeByDefault>true</activeByDefault>
            </activation>
            <properties>
                <client.target>host</client.target>
            </properties>
            <dependencies>
                <dependency>
                    <groupId>com.gluonhq.attach</groupId>
                    <artifactId>display</artifactId>
                    <version>${attach.version}</version>
                    <classifier>desktop</classifier>
                    <scope>runtime</scope>
                </dependency>
                <dependency>
                    <groupId>com.gluonhq.attach</groupId>
                    <artifactId>lifecycle</artifactId>
                    <version>${attach.version}</version>
                    <classifier>desktop</classifier>
                    <scope>runtime</scope>
                </dependency>
                <dependency>
                    <groupId>com.gluonhq.attach</groupId>
                    <artifactId>storage</artifactId>
                    <version>${attach.version}</version>
                    <classifier>desktop</classifier>
                    <scope>runtime</scope>
                </dependency>
            </dependencies>
        </profile>
        <profile>
            <id>ios</id>
            <properties>
                <client.target>ios</client.target>
            </properties>
        </profile>
        <profile>
            <id>android</id>
            <properties>
                <client.target>android</client.target>
            </properties>
        </profile>
    </profiles>
    </build>
</project>

Теперь вы можете изменить основной вид, чтобы добавить свой переход:

public class HelloGluon extends MobileApplication {

    @Override
    public void init() {
        addViewFactory(HOME_VIEW, () -> {
            Rectangle rectangle = new Rectangle(75, 75, Color.DARKSLATEGRAY);
            Pane container = new Pane(rectangle);
            container.setStyle("-fx-background-color: darkslategray");

            return new View(container) {
                @Override
                protected void updateAppBar(AppBar appBar) {
                    appBar.setNavIcon(MaterialDesignIcon.MENU.button(e -> System.out.println("Menu")));
                    appBar.setTitleText("Gluon Mobile");
                    appBar.getActionItems().add(MaterialDesignIcon.PLAY_ARROW.button(e -> {
                        TranslateTransition tt = new TranslateTransition(Duration.millis(750), rectangle);
                        tt.setFromX(0);
                        tt.setToX(getWidth() - 75);
                        tt.setFromY(0);
                        tt.setToY(getHeight() - 75);
                        tt.setCycleCount(Animation.INDEFINITE);
                        tt.setAutoReverse(true);

                        FillTransition ft = new FillTransition(Duration.millis(750), rectangle);
                        ft.setFromValue(Color.ORANGERED);
                        ft.setToValue(Color.CADETBLUE);
                        ft.setCycleCount(Animation.INDEFINITE);
                        ft.setAutoReverse(true);
                        tt.play();
                        ft.play();
                    }));
                }
            };
        });
    }

    @Override
    public void postInit(Scene scene) {
        Swatch.TEAL.assignTo(scene);
        scene.getStylesheets().add(HelloGluon.class.getResource("styles.css").toExternalForm());

        if (Platform.isDesktop()) {
            Dimension2D dimension2D = DisplayService.create()
                    .map(DisplayService::getDefaultDimensions)
                    .orElse(new Dimension2D(640, 480));
            scene.getWindow().setWidth(dimension2D.getWidth());
            scene.getWindow().setHeight(dimension2D.getHeight());
        }
    }

    public static void main(String[] args) {
        launch();
    }

}

Теперь вы можете запустить свой обычный JDK на своем компьютере:

mvn clean javafx:run

и убедитесь, что работает нормально.

Если это так, теперь вы можете создать собственный образ с GraalVM также на своем компьютере:

mvn clean client:build

Это длительный процесс, для которого обычно требуется 16 ГБ ОЗУ и несколько минут.

После успешного завершения вы можете запустить его:

mvn client:run

Он должен работать так, как ожидалось:

Наконец, вы можете попробовать создать нативный образ Android:

mvn -Pandroid client:build

Когда закончите, создайте apk:

mvn -Pandroid client:package

Он создаст apk под target/client/aarch64-android/gvm/apk/bin/hellogluon.apk.

Подключите устройство, чтобы установить и запустить:

mvn -Pandroid client:install client:run

Примечание: по умолчанию ресурсы значков и AndroidManifest генерируются по адресу target/client/aarch64-android/gensrc/android. Если вы хотите изменить любой из них, вы должны скопировать содержимое этой папки в src/android.

person José Pereda    schedule 24.04.2020
comment
Здесь много отличных деталей! Большое спасибо. Я смотрю проекты плагинов и субстратов maven на github. Кроме того, после gluonhq в твиттере, где в прошлом месяце они упомянули клиентский плагин maven. Где еще разработчики могут получить последние сведения о прогрессе? Не слишком ли много надежды на то, что цель андроида созреет к лету? - person deridex; 25.04.2020