0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Windows10からラズパイで実行するjavaFXプログラムをリモートデバッグする方法~環境構築からデバッグ実行まで①~

Last updated at Posted at 2020-07-26

長いので分けて書く

Windows10でEclipseを使ったクロス開発環境を構築する###

以下のサイトから好きなバージョンをダウンロードし適当なフォルダに展開しておく。あまり深いフォルダに入れるのと日本語が入っているフォルダ名は何かとはまるので避ける
https://mergedoc.osdn.jp/
image.png
2.
ここではEclipse4.8Photonを使う。新しすぎるバージョンは古いプラグインとの相性が悪い
image.png
3.
Windows 64bit FullEdition javaを選択
image.png
4.
リンクをクリックしダウンロード
ダウンロード速度が呪い...
image.png
5.
適当なフォルダに展開し、起動
(展開したフォルダ)\pleiades-4.8\pleiades\eclipse\eclipse.exeで起動

6.起動時にプロジェクトの保存先を聞かれるので適当に決める
image.png

7.起動直後の画面
image.png

8.「ファイル」-「新規」-「その他」-「JavaFXプロジェクト」を選択
image.png

9.プロジェクト名にHelloRemoteを入力し、次へをクリック
image.png
10.そのまま「次へ」をクリック
image.png
11.言語を「FXML」へ変更
ルートタイプはAnchorPaneを選んで置く
「完了」をクリック
image.png

###Scene BuilderをインストールしEclipseと連携させる###
1.ダウンロード
https://gluonhq.com/products/scene-builder/
image.png

image.png

プラットフォームはWindowsインストーラーを選択
ダウンロードボタンを押ししばらく待つとダウンロードできる。
SceneBuilder-11.0.0.msi
インストール....

2.EclipseとSceneBuilderを連携させる
「ウィンドウ」-「設定」-「javaFX」を開き
ScnenBuilder実行可能ファイルを選択し適用
image.png

3.EclipseのパッケージエクスプローラーからSample.fxmlを右クリックしSceneBuilderで開くを実行
image.png

4.SceneBuilderが開く
image.png

5.Document-Hierarchy-AnchorPaneを選択し、MinWidth、MinHeightを640、480に変更
image.png

6.ControlsパネルからButtonをドラッグ&ドロップで配置
image.png

7.Buttonオブジェクトを選択、Codeのfx:idをtestBT、onActionにonTestBTを入力
image.png

8.同様にしてLabelを配置
fx:idはtestLBとしておく
image.png

9.取り敢えず保存しておく
image.png

10.View - ViewSampleControlSkeltonを選択
image.png

11.右下のFullにチェックを入れて、「コピー」
 クリップボードにコピーされる
image.png

12.Eclipseに戻り、パッケージエクスプローラーのSampleController.javaをダブルクリック
image.png
13.全部消してから、クリップボードの内容を張り付け
image.png

14.パッケージエクスプローラーのMain.javaを右クリックしJavaアプリケーションで実行
image.png
15.優先ランチャーの選択
image.png
16.保存
image.png
17.実行されるが何も表示されない
image.png
18.いったん、プログラムを閉じプロジェクトクリーンを実行
これを実行しないとSceneBuilderで保存しただけでは、プロジェクト側に反映されない
image.png
19.再び実行
image.png

###プログラムの変更###
1.パッケージエクスプローラーのSampleController.javaを開き修正
@FXML
void onTestBT(ActionEvent event) {
Platform.runLater(() ->testLB.setText("HelloFX"));
}
image.png

2.実行  Buttonを押しラベルがHelloFXに変われば問題なし
image.png

###次回###
このプログラムをラズパイに配置して実行する方法を説明する

2020.0726 kamoshika
当記事と全く関係ないが....主のチャンネルのリンクを貼っておく
https://www.youtube.com/channel/UCbtzwsQhTuUzW3ERoBSYZDw/

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?