CSS
アプリケーションのフォームなど、装飾して見栄えをよくするには、CSSファイルを作成してJavaFXに読み込ませる必要があります。
JavaFXに於けるCSSは、プロパティの先頭に「-fx-」と言うおまじないが付きますがその他は、HTML言語で作成するWebページのCSSとは、大きな違いはなさそうです。
Sample.css
JavaFXに於けるCSSは、プロパティの先頭に「-fx-」と言うおまじないが付きますがその他は、HTML言語で作成するWebページのCSSとは、大きな違いはなさそうです。
Sample.css
/**
* CSS
*/
.rootPane {
-fx-font-family: Arial, Helvetica, sans-serif;
-fx-background-color: #f5f6f7;
}
.table-Col-See {
-fx-pref-width: 3em;
-fx-alignment: CENTER_LEFT;
-fx-font-size: 14;
}
.table-Col-Edit, .table-Col-Del {
-fx-pref-width: 3em;
-fx-alignment: CENTER_LEFT;
-fx-font-size: 14;
}
.seelink {
-fx-text-fill: #3067b4;
-fx-pref-width: 3em;
-fx-alignment: CENTER_RIGHT;
-fx-font-size: 14;
}
.editlink {
-fx-text-fill: #3067b4;
-fx-pref-width: 3em;
-fx-alignment: CENTER_RIGHT;
-fx-font-size: 14;
}
.dellink {
-fx-text-fill: #BC0000;
-fx-pref-width: 3em;
-fx-alignment: CENTER_RIGHT;
-fx-font-size: 14;
}
.deletepagination .pagination-control {
visibility: hidden;
}
プログラムの実行
当サイト目的のFXMLを利用して簡易なデータベースを作成するサンプルコードの作成はこれで終了です。
それでは、プログラムを実行して確認してみましょう。
プログラムを実行するには、NetBeans IDEのプロジェクトを以下の操作で行います。
「JavaFXSampleFxmlApp」プロジェクトを選択－＞メニューの「▷」印をクリック、
又は、「JavaFXSampleFxmlApp」上を右クリック－＞コンテキストメニュー－＞「実行」を、クリックします。
どうでしょうか？
一発でOKとはいかないかもしれません。プログラミングには必ずエラーはつきものです、根気よく挑戦してみて下さい。
それでは、プログラムを実行して確認してみましょう。
プログラムを実行するには、NetBeans IDEのプロジェクトを以下の操作で行います。
「JavaFXSampleFxmlApp」プロジェクトを選択－＞メニューの「▷」印をクリック、
又は、「JavaFXSampleFxmlApp」上を右クリック－＞コンテキストメニュー－＞「実行」を、クリックします。
どうでしょうか？
一発でOKとはいかないかもしれません。プログラミングには必ずエラーはつきものです、根気よく挑戦してみて下さい。
Search
