JavaFX、HelloWorld + CSS + FXML。 終了

Windows PCの「JavaFX入門」でOracleが提供した例のHelloWorld。 CSSを使用してログインおよびパスワード入力ウィンドウを変換し、FXMLでフォームを作成し、FXMLフォームでCSSを使用します。 繰り返しますが、チュートリアルで説明しなかったコマンドラインと微妙な点です。







JavaFX入門の最初のセクションでは、 ここでコマンドラインを使用して取得できる最も単純なJavaFXアプリケーションを作成する方法について説明します。 2番目のセクションでは、ログインおよびパスワード入力ウィンドウを作成することを提案します。 ここで最初のアプリケーションから作成されます 。 その結果、コードのサイズがわずかに増加しました。



コンパイル、実行、jarでパッケージ化、jarを実行するコマンドは、それぞれ独自のCMDファイルで同じままです。



3番目のセクションを扱いましょう。 チュートリアルでは、2番目のセクションの空白を使用することをお勧めします。 そして、Login.javaがなく、HelloWorld.javaだけがあります。 CSSファイルを作成します。



IDEの操作に関連する（チュートリアルの）指示のポイントは無視してください。 4番目の段落では、src \ loginフォルダーにCSSファイルを作成することを提案します。この場合、src \ helloworldになります。 さて、今のところ、HelloWorld.cssに引き続き挨拶をしているので、電話してみましょう。 これは重要ではありませんが。



6番目の段落は、Javaコードに行う必要がある変更を示しています。

 Scene scene = new Scene(grid, 300, 275); primaryStage.setScene(scene);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

挿入する必要があります

 scene.getStylesheets().add (HelloWorld.class.getResource("HelloWorld.css").toExternalForm());
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

（ファイルとクラスの名前に合わせて調整）、ちょうど前

 primaryStage.show();
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

さらに、CSSファイルによってテキストオブジェクトを何らかの方法で制御できるように、これらのオブジェクトに適切な識別子を与える必要があります。 これを行うには、行を見つけます

 scenetitle.setFont(Font.font(“Tahoma”, FontWeight.NORMAL, 20));
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

そして

 actiontarget.setFill(Color.FIREBRICK);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

で置き換えます

 scenetitle.setId("welcome-text");
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

そして

 actiontarget.setId("actiontarget");
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

それに応じて。 また、万が一に備えて交換するのではなく、コメントで閉じて、下の修正行を書き留めておくとよいでしょう。



そして、もちろん、スタイルシートでファイルを埋める必要があります。



彼は、結果を賞賛しながら、3番目のセクションのテキストが徐々に固執するように提案されているすべてのものをすぐに満たしました-背景画像、テキスト効果、ボタン効果。



ええ、背景画像の画像も必要です...まあ、私はダウンロードも描画もしませんでしたが、最初のものをコピーしました。 最初のフォルダは、「マイドローイング\図面のサンプル」フォルダ-Sunset.jpgからの背景（皮肉なことに、ちょうどその場所）です。 background.jpgに名前を変更し、CSSファイルの横に配置します。



コンパイルします。 成功しました。 始めます。 動作しません！ エラーの出力を調査します。 頻繁に発生する不明なソース、したがって、不明なソースは警戒しています。 さらに、このすべての不名誉の中でおなじみの手紙があります：

 at helloworld.HelloWorld.start(HelloWorld.java:68)
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

そして、68行目では、CSSファイルからスタイルを選択するだけです。 これは、src \ helloworldの指示に従って配置されます。 この「研究」の文脈では、NetBeansでこのファイルがソースフォルダーに必要な理由を考えたくはありません（推測ですが）。 ただし、スタイルシートへのパスをどこにも指定していないため、スタイルシートを使用するパスのすぐ横に配置する必要があります。 解凍されたプログラムは、out \ helloworld \にあるHelloWorld.classファイルから起動されます。 そこに着いて、写真と一緒に投げましょう。



コンパイルして実行します。 確かに、背景画像はチュートリアルのものとは非常に異なり、赤い背景で押されたボタンに関する赤レンガのメッセージは見にくいですが、これらは些細なことであり、これは変更できます。 もう1つ面白いところがあります。次に、jarパッキングコマンドを指定して、jarファイルを実行してみましょう。



始まらない！ そして、ファイル自体をクリックするのではなく、コンソールコマンドによって起動された場合、エラーが表示され、そのうちのいくつかはおなじみです...あたかもアーカイブであるかのようにjarファイルに登りましょう。 フォルダー構造com \ javafx \ mainが存在し、その存在はjavafxpackagerユーティリティーによって保証され、META-INFはマニフェストを使用していますが、これは今ではあまり面白くありません。 また、helloworldフォルダーは興味深いもので、HelloWorld.cssはありませんが、HelloWorld.bssがあります。 パッカーは、チームなしで、CSSをバイナリ形式で再パッケージ化したことがわかりました。 チェックしてみて？ 68行目の.css拡張子を.bssに置き換えてコンパイルしますが、すぐには開始せず、すぐにjarをパックして実行します。



今から始まります。 しかし、なんと残念なことでしょう。HelloWorld.classからは始まりません。 異なるケースのために2セットのソースコードを保持しないでください。 さらに、ダウンロードを高速化するにはbssをお勧めします。 書き込むコマンドをcss2bss.cmdファイルに追加します。

 @"C:\Program Files\Java\jdk1.7.0_40\bin\javafxpackager" -createbss -srcdir .\src\helloworld -outdir .\out\helloworld -srcfiles HelloWorld.css -v @pause
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

CSSファイルと背景画像ファイルをsrc \ helloworld \（最初から要求されたように）、ソースファイルのgetStylesheets（）、拡張子.bssの行に残します。 コンパイルします。 bssを作成します。 瓶に詰めます。 HelloWorld.classとHelloWorld.jarの両方から実行します。 そして、どのスタイルが何に責任があり、どのようにそれらをさまざまな方法で変更できるかを把握するために、私は自分で提案します。 このトピックは、JavaFXとは直接関係ありません。



さて、チュートリアルの4番目のセクションはFXMLです。 プログラムコードは非常に変更されるため、再度書き直すのが簡単です。 さらに、GetStartFXMLなどの隣接フォルダーにプロジェクトのコピーを作成します。 そこで、すでに5つのバッチファイルをコピーし、outおよびsrc \ helloworldフォルダーを作成し、ソースを最後に配置する必要があります。



次に、4番目のセクションに散在するファイルfxml_example.fxmlを収集する必要があります。 それからのデータはCSSファイルからだけでなく、オンザフライで取得されるため、それを使用するHelloWorld.classファイルのすぐ隣に作成する価値がありますが、まだ存在していません。 つまり、out \ helloworldでは、最初のコンパイルの前に、自分自身でサブフォルダーを作成します。



このファイルにはすぐにCSSの操作が含まれますが、なぜ何かをプルするのですか したがって、新しく作成されたHelloWorld.cssおよびbackground.jpgの横に配置します。 まだ十分なボタンイベント処理がありません。 4番目のセクションでは、FXMLで言及されている別のファイルを使用することを提案しています：GridPane fx：controller = "helloworld.FXMLExampleController"。



もちろん、コンパイルすることも忘れないでください。compile.cmdに追加の行を追加します。 さらに、コンパイルコマンドの前にある「犬」を削除して、起動と動作の両方を確認しました。

 "C:\Program Files\Java\jdk1.7.0_25\bin\javac" -d out -classpath "C:\Program Files\Java\jre7\lib\jfxrt.jar" src\helloworld\HelloWorld.java "C:\Program Files\Java\jdk1.7.0_40\bin\javac" -d out -classpath "C:\Program Files\Java\jre7\lib\jfxrt.jar" src\helloworld\FXMLExampleController.java @pause
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

コンパイルします。 瓶を集めます。 クラスを開始するか、jarを起動します。 動作します。前の例と外観や動作に違いはありません。 しかし、アプリケーションを多数のモジュールに分割することが判明しました。シーンを作成する個別のメインクラス、フォームの個別の説明、個別のイベントハンドラー、個別の要素スタイルです。 さらに、スタイルシートとフォームの説明は、クラスを再コンパイルせずに変更できます。たとえば、GridPaneテーブルのセル内の要素を交換したり、背景画像を変更したりできます。



ただし、動作しますが、jarアーカイブを見てみましょう。 ちなみに、HelloWorld.cssファイルはありませんが、3番目のセクションの例のように、.bssがあります。 Fxml_example.fxmlはHelloWorld.cssに言及しています。 ただし、クラスとjarの両方が機能します。 前の例のように、HelloWorld.cssとbackground.jpgをout \ helloworldからsrc \ helloworldに転送します（FXMLファイルはそのままにしておきます）。 コンパイルします。 cssからbssを作成します。 瓶を集めます。 クラスを開始してから、jarを起動します。 再び機能します！ しかし、それは何ですか-彼女にとって一般的に、または何か、違いはありませんか？ そして、スタイルシートファイルの拡張子は重要ではないので、fxml_example.fxmlでそれをきれいに消去しますか？ 代わりに

 <stylesheets> <URL value="@HelloWorld.css" /> </stylesheets>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

します

 <stylesheets> <URL value="@HelloWorld" /> </stylesheets>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

しかし、プログラムは実際にはスタイルシートの拡張について気にしません-指で指の方向を示すだけで、そこにそれがわかります。 おかしいですよね？



いじめのトレーニングの場ができました。あらゆる種類のスタイルの変更、デザイン、イベント処理などを試すことができます。 このワークピースはデスクトップではなくブラウザで実行できます。これについては、チュートリアルの6番目のセクションで少し説明します。 しかし、ほとんど面白くないものがあります。アプリケーションの展開については、別のガイドがあります。 5番目のセクションにも取り組みたくありません。Habréでは、 ここでJavaFXの視覚効果について既に十分に述べられていたので、チュートリアルで与えられた例は最初の4つのセクションのフレームワークにはまったく適合しません。



jfxpub-overviewに基づくJavaFXのHelloWorldテーマは使い果たされると考えています。