Нажмите на кнопку, красная точка должна мигать

Question

У меня есть fontawesomeicon.Если я нажимаю кнопку btStar, то на Fontawesomeicon должен мигать красный кружок (см. GIF).Если я нажму кнопку btStop, она должна быть отключена.Я попробовал это с этикеткой.Когда я нажимаю кнопку btStart, метка меняется во временном интервале с SetVisible(true) и setVisible(false).

Может кто-нибудь предложить мне решение?Заранее спасибо.Main.java

package sample;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setScene(new Scene(root));
        primaryStage.show();
    }


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

Controller.java

package sample;

import de.jensd.fx.glyphs.fontawesome.FontAwesomeIconView;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;

import java.awt.*;

public class Controller {

    @FXML
    private FontAwesomeIconView iconCamera;

    @FXML
    private Button btStart;

    @FXML
    private Button btStop;

    @FXML
    void mouseCklicked(ActionEvent event) {
        System.out.println("sad");

    }
}

sample.fxml

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

<?import de.jensd.fx.glyphs.fontawesome.FontAwesomeIconView?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.RowConstraints?>


<GridPane alignment="center" hgap="10" vgap="10" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8.0.141" fx:controller="sample.Controller">
   <columnConstraints>
      <ColumnConstraints />
   </columnConstraints>
   <rowConstraints>
      <RowConstraints />
   </rowConstraints>
   <children>
      <AnchorPane prefHeight="387.0" prefWidth="573.0">
         <children>
            <FontAwesomeIconView fx:id="iconCamera" glyphName="VIDEO_CAMERA" layoutX="130.0" layoutY="123.0" size="36" />
            <Button layoutX="253.0" layoutY="93.0" mnemonicParsing="false" onAction="#mouseCklicked" text="Start" />
            <Button layoutX="354.0" layoutY="93.0" mnemonicParsing="false" text="Stop" />
         </children>
      </AnchorPane>
   </children>
</GridPane>

Answer 1

• Создание изображения (PNG) без красной точки.
• Создайте GIF с эффектом мигания красной точки.
• Импортируйте оба изображения в ваш проект.
• При нажатии кнопки запуска установите изображение на * .GIF.
• При нажатии Стоп установите изображение на * .PNG.

Простой.Не усложняй!