Takunojiのプログラミング・プレイグラウンド(遊び場)

Javaプログラミングを基本にして、ゲーム作成に必要なことの調査結果、やったら面白そうなことなどを記載します。プログラミングのススメ的なことも記載します。プログラミングで楽しく遊ぶために色々と記載して行きます。

JavaFXで画面を作る〜ロードマップ的な〜

JavaFx

イントロダクション

JavaでのOpenCVチュートリアルではJavaFXでの画面を作成して、色々と説明しています。そこで、JavaFX(FXMLを使用)で表示するためのアプリケーションを作成しているのですが、カスタムしたりOpenCVの機能を色々と試すためにJavaFXの理解をする必要があるのでJavaFXを学習します。前回はハローワールドをやったのでその続きになります。

FXMLって何？

JavaFX用のXMLファイルです。ツールを使用して作成することができるので最終的にはツールで作成した画面にアクションなどの処理を追加してやる方法を使うのですが、ちょっと遠回りに見えますが、基本を抑えたほうが早いのでJavaFXの基本〜FXMLまでを理解します。

＜使うもの＞

＜作業履歴＞

  1. Java 初めてでも大丈夫〜ステップアッププログラミングのススメ〜
  2. ステップアッププログラミング〜Java FxでHelloWorld解説〜
  3. Java StepUpPrograming〜JavaFX で四則計算〜

 

最終的にはこんな感じのアプリケーションを作成します。

www.youtube.com

そして。。。

ここからが始まりです。

OpenCVのチュートリアルではJavaFXのアプリケーションを作った後にヒストグラムの表示など色々とやっています、もちろん顔検出もやっています(機械学習処理使用)。

これらをやるための土台を作成するための技術習得を目的としています。

現状(2019/01/27)は、こんな順序でやって来ています。

  1. Java 初めてでも大丈夫〜ステップアッププログラミングのススメ〜
  2. ステップアッププログラミング〜Java FxでHelloWorld解説〜
  3. Java StepUpPrograming〜JavaFX で四則計算〜
  4. Java StepUpPrograming〜JavaFXで画面切り替えを作る1〜
  5. Java StepUpPrograming〜JavaFXで画面切り替え2ボタン作成〜
  6. Java StepUpPrograming〜JavaFXで画面切り替え3Pane切替〜

ハローワールドをやった後に、四則演算を実装するためのテキストフィールドを作成しますが、実装が足りていない状態です。これをクイズとして、残りの部分を作成するにはどうしたら良いか？を出題しました。

クイズの答えは2019/02/01にアップロードします。

クイズの答えを出すまでに時間があるので他の機能の実装を進めます。それが

「画面切替」になります。

画面切り替えの用途

Javaの基本編として、画面を１つ使います。その他HTMLをロードして表示させる機能〜主にユーチューブを表示させようと思っています〜を実装します。

最後にFXML(SceneBuilder)を使用した画面の作成をやろうと思っています。

＜作業の手順＞

  1. ハローワールド
  2. 四則計算〜ちょっと保留〜
  3. 画面切り替え
  4. SceneBuilderでの画面作成
  5. OpenCVのビデオキャプチャ
  6. イメージファイルからヒストグラムの作成
  7. OpenCVチュートリアルの続き。。。。

でわでわ。。。

関連ページ一覧

IntelliJ IDEA

  1. IntelliJ IDEA 環境構築 〜インストールと起動〜
  2. IntelliJ IDEA Git〜Gitリポジトリからクローン〜
  3. IntelliJ IDEA 使い方〜Git接続 Java起動 etc〜
  4. IntelliJ IDEA Jarファイルを作る
  5. IntelliJ IDEA 使い方〜Maven Projectの作成〜
  6. IntelliJ IDEA 使い方〜Mavenでライブラリを追加する〜
  7. IntelliJ IDEA 使い方〜Javaのコンパイルレベル設定〜
  8. IntelliJ IDEA Gradleセットアップ〜コマンド入力部の表示〜
  9. IntelliJ IDEA Discord Botを作る〜Gradle環境のセットアップ〜

Eclipse セットアップ

  1. Java Install Eclipse〜開発ツールのインストール〜
  2. TensorFlow C++環境〜EclipseにCDTをインストール〜
  3. Setup OpenGL with Java〜JOGLを使う準備 for Eclipse〜
  4. Eclipse Meven 開発手順〜プロジェクトの作成〜
  5. Java OpenCV 環境セットアップ(on Mac)
  6. Eclipse SceneBuilderを追加する
  7. JavaFX SceneBuilder 〜EclipseとSceneBuilder連携~

Java Basic

  1. Java Basic Level 1 〜Hello Java〜
  2. Java Basic Level2 〜Arithmetic Calculate〜
  3. Java Basic Level3 〜About String class〜
  4. Java Basic Level 4〜Boolean〜
  5. Java Basic Level 5〜If Statement〜
  6. Java Basic Summary from Level1 to 5
  7. Java Basic Level 6 〜Traning of If statement〜
  8. Java Basic Level8 〜How to use for statement〜
  9. Java Basic Level 8.5 〜Array〜
  10. Java Basic Level 9〜Training of for statement〜
  11. Java Basic Level 10 〜While statement 〜
  12. Java Basic Swing〜オブジェクト指向〜
  13. Java Basic Swing Level 2〜オブジェクト指向2〜
  14. サンプル実装〜コンソールゲーム〜
  15. Java Basic インターフェース・抽象クラスの作り方
  16. Java Basic クラスとは〜Step2_1〜
  17. Java Basic JUnit 〜テストスイートの作り方〜