button イベント 1つのボタンを押すたびに図形が増えていく

Question

前提

javafxで一日一回カウントしていく習慣化アプリをつくっています。
カウントボタンを押すたびに図形が表示する機能はどうかけばよいのでしょうか。

実現したいこと

①カウントボタンをおす
②一回押すたびに扇形の図形が下の円に沿って増えていく

発生している問題・エラーメッセージ

該当のソースコード

@Override
public void Init() {

    //扇形
    Arc arc=( Arc)(getPane().lookup("#Achievement_shape"));

	/* Arc arc = new Arc();*/

    arc.setCenterX(0.0f);
    arc.setCenterY(0.0f);
    arc.setRadiusX(102.0f);
    arc.setRadiusY(102.0f);
    arc.setStartAngle(0.0f);
    arc.setLength(40.0f);
    arc.setType(ArcType.ROUND);
    
	//model
	SyuukanModel m = (SyuukanModel) getModel();

	Label testLabel = (Label) getPane().lookup("#testLabel");

	testLabel.setText(TopViewcontroller.targetString);

	Label enthusiasm_label = (Label) getPane().lookup("#enthusiasm_label");
	enthusiasm_label.setText(TopViewcontroller.enthusiasmString);


	//カウントアップ

	Button Btn_count = (Button) getPane().lookup("#Btn_count");
	Label counter = (Label) getPane().lookup("#counter");

	Btn_count.setOnAction(new EventHandler<ActionEvent>() {

		public void handle(ActionEvent args0) {

			counter.setText(String.valueOf(count++));


			if(count==31) {
				count=1;

			   num++;

			}
		}
	});
}

試したこと

ボタンのイベントの中に扇形を設定するコードをかいたのですが、反映されませんでした。

補足情報（FW/ツールのバージョンなど）

Comments

[jimbe]

コードをみた感じでは、 counter には setText してますから反映されるのではないでしょうか。
捕捉の画像でどこが counter か分かりませんが。

Answer 1

ボタンのイベントの中に扇形を設定するコードをかいたのですが、反映されませんでした。

その内容を書いてくれないと、単に「うまくいきませんでした」というだけで何の情報もありません。
コードも変に省略せず実行可能な状態で提示してください（省略すべきは「記録する」ボタン等、質問に関係ない部分です）

---

ProgressIndicatorはどうでしょうか？
100%理想形ではないでしょうが、妥協できるなら非常に簡単に済みます（minHeight・minWidthを入れると大きくできます）
19 進行状況バーと進行状況インジケータ(リリース8)

fxmlは使っているようですが、コントローラはないんでしょうかね？（ちょっとよくわからないんで、回答は通常の構成です）

package com.example.demo;

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

import java.io.IOException;

public class HelloApplication extends Application {
    public static void main(String[] args) { launch(); }

    @Override public void start(Stage stage) throws IOException {
        FXMLLoader fxmlLoader = new FXMLLoader(HelloApplication.class.getResource("hello-view.fxml"));
        Scene scene = new Scene(fxmlLoader.load(), 600, 400);
        stage.setScene(scene);
        stage.show();
    }
}

package com.example.demo;

import javafx.fxml.FXML;
import javafx.scene.control.ProgressIndicator;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.*;

public class HelloController {
    @FXML private Pane root;
    @FXML private ProgressIndicator progressIndicator;
    @FXML private Circle circle;

    private int count;

    @FXML protected void onButtonClick() {
        Arc arc = new Arc(0, 0, circle.getRadius(), circle.getRadius(),
            360.0 / 9 * count, 360.0 / 9);
        arc.setLayoutX(circle.getLayoutX());
        arc.setLayoutY(circle.getLayoutY());
        arc.setType(ArcType.ROUND);
        arc.setFill(Color.DODGERBLUE);
        arc.setStroke(Color.BLACK);
        root.getChildren().add(arc);

        count++;

        progressIndicator.setProgress(1.0 / 9 * count);
    }
}

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

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ProgressIndicator?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.shape.Circle?>

<Pane fx:id="root" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.example.demo.HelloController">
    <ProgressIndicator fx:id="progressIndicator" layoutX="14.0" layoutY="14.0" minHeight="300.0" minWidth="300.0" progress="0.0" />
    <Button layoutX="279.0" layoutY="355.0" mnemonicParsing="false" onAction="#onButtonClick" text="Button" />
    <Circle fx:id="circle" fill="#cccccc" layoutX="456.0" layoutY="144.0" radius="130.0" stroke="BLACK" strokeType="INSIDE" />
</Pane>

Answer 2

ボタンのイベントの中に扇形を設定するコードをかいたのですが、反映されませんでした。

「ボタンのイベントの中に扇形を設定するコードをかい」てみた。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.ScrollPane;
import javafx.scene.layout.FlowPane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Arc;
import javafx.scene.shape.Shape;
import javafx.stage.Stage;

import java.time.LocalTime;

public class xxArc {
  public static void main(final String[] args) throws Exception {
    Application.launch(App.class, args);
  }

  public static class App
      extends Application {
    @Override
    public void start(final Stage stage) throws Exception {
      final FlowPane pane = new FlowPane();
      final Button button = new Button("Add shape");

      button.setOnAction(ev -> {
        final Shape shape = new Arc(Math.random() * 100, Math.random() * 100, Math.random() * 100,
            Math.random() * 100, Math.random() * 360, Math.random() * 360);
        shape.setFill(new Color(Math.random(), Math.random(), Math.random(), Math.random()));
        pane.getChildren().add(0, shape);
        pane.getChildren().add(0, new Label(LocalTime.now().toString()));
      });

      stage.setScene(new Scene(new VBox(button, new ScrollPane(pane))));
      stage.setWidth(600);
      stage.setHeight(600);
      stage.show();
    }
  }
}

作った図形はしかるべき場所にadd()しないと。