画面の背景をCSSで一括設定するには - torutkのブログ
id:torutk:20140801 で、ペイン（AnchorPane、BorderPane、HBox、・・・などのレイアウトコンテナクラス）はデフォルトのテーマ（caspianやmodena）のCSSファイルにレイアウトコンテナクラス名に対応するセレクタ（クラスセレクタ）が定義されてないので、コントロール（Button、Label、・・・などのクラス）と違って単に.hbox {...} のようにCSSにクラス名に対応するセレクタで見栄えの設定をしただけでは表示に反映されなかったことについて述べました。 背景をダーク系にしたい場合、ペインの領域をすべてコントロールが覆う場合はコントロールの背景色が表示されるので問題ありませんが、ペインの一部をコントロールが占める場合、余白の部分はデフォルトのテーマの背景色（白系）となってしまいます。 そこで、各ペインのクラスに対応したセレクタで背景色を定義
JavaFX 8でcssファイルに定義したHBoxのスタイルが反映されない - torutkのブログ
JavaFXではGUI部品の見栄え（背景色、フォントなど）をAPIから設定する他に外部CSSファイルに記述して設定することが可能です。 例えば、Labelの見栄えについてはCSSファイルに次のように記述し、読み込ませることですべてのラベル部品の表示に反映できます。 .label { -fx-font-size: 11pt; -fx-font-family: "Meiryo UI"; -fx-text-fill: red; -fx-opacity: 0.6; } CSSファイルの反映は、FXMLのルート要素に記述するか、APIでSceneに設定するかの方法があります。Scene Builderを使っていれば、一番下に敷いている（シーンの階層構造のもっとも上位の）コンテナのプロパティ"Stylesheets"にファイルを指定します。 プログラムを実行すれば、ラベルの見栄えがCSSの定義に合わせ
29 Customization of UI Controls (Release 8)
29 Customization of UI Controls This chapter describes the aspects of UI control customization and summarizes some tips and tricks provided by Oracle to help you modify the appearance and behavior of UI controls. You can learn how to customize the controls from the sample applications in the UI Control Samples project by applying Cascading Style Sheets (CSS), redefining the default behavior, and u
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
JavaFX 2で始めるGUI開発 第9回 CSSによるスタイリング
今月は、GUIの見ばえを決めるスタイリングについて紹介します。 Swingではコンポーネントのプロパティでフォントや色などを設定します。しかし、たとえばアプリケーション全体のフォントを設定したいような場合、意外にやっかいです。 一方で、SwingではNimbus Look&Feelや、Metal Look&Feelなどのように、Look&Feelをすべて入れ替えることも可能です。しかし、開発者がNimus Look&FeelのようなLook&Feelを作成することは容易にはできません。 もちろん、Synth Look&Feelを利用すれば、XMLでLook&Feelを定義することが可能になり、Look&Feelを作成することが比較的容易になりました。しかし、たとえば既存のLook&Feelの一部だけ変更したいような場合には、Synth Look&Feelは向きません。 このようにSwing
JavaFXで画像を使ったボタンを作る方法 - AOEの日記
ちょっとしたメモです。 RIAを開発するとき、デザイナさんと連携して作ることが多いと思います。 ボタンのようなコントロールについても画像として素材を作ってもらい、それを組み込んで使うというシチュエーションも結構あることでしょう。 というわけでJavaFXで画像を使ってボタンを作る方法です。 JavaFXはCSSを使って装飾することができます。HTMLのCSS2.1やCSS3をベースにしており、多くの場合同じプロパティを使うことができます。ただし、ベンダープレフィックス "-fx-" を付ける必要がありますが。 画像をボタンの背景として使いたい場合、CSS3のborder-image属性を使うことができます。次のようにCSSを作成します。 .img-button { -fx-border-image-source: url('img/btn.png'); -fx-border-image-s
JavaFX 2でアプリケーション作成（その10） - torutkのブログ
JavaFX 2でアプリケーション作成（その9） - torutkのブログの続きです。 JavaFXでは、GUI部品の見栄え（色、フォント、形状）を、HTMLではおなじみのCSS(Cascade Style Sheet)で外部ファイルとして定義できます。 CSS化の第1歩 CSSファイルを読み込み、設定するコードを記述します。場所はSemaphoreView.javaファイルのstartメソッドです。 SemaphoreView.java public void start(Stage primaryStage) { : Scene scene = new Scene(borderPane , 360 , 250); String style = SemaphoreView.class. getResource("stylesheet.css").toExternalForm(); sce
JavaFX 2でアプリケーション作成（その11） - torutkのブログ
JavaFX 2でアプリケーション作成（その10） - torutkのブログ の続きです。 JavaFX 2アプリケーションのGUIをCSSでカスタマイズしていきます。前回は、Labelの背景の色を定義し、さらにグラデーション表示してみました。今回はButtonの外見を定義していきます。 Buttonの色を変える - background-colorでは悲しい見栄えに まず、前回までの知識でCSSでボタンの色を変えてみます。 Buttonクラスの定義は.buttonで、背景色は-fx-background-colorだろうと目星をつけて試してみます。CSSファイルに以下のように追記します。 .button { -fx-background-color: goldenrod; } プログラムを実行すると、次の画面になりました。 ボタンが平面的にべた一色になってしまいました。クリックしても表示
JavaFX CSS Reference Guide
Contents Introduction CSS and the JavaFX Scene Graph Limitations Inheritance Examples Understanding Parser Warnings Types inherit <boolean> <string> <number> & <integer> <size> <length> <percentage> <angle> <point> <color-stop> <uri> <effect> <font> <paint> <color> Nodes javafx.scene Group Node Parent Scene javafx.scene.image ImageView javafx.scene.layout AnchorPane BorderPane FlowPane GridPane HB
Skinning JavaFX Applications with CSS | JavaFX 2 Tutorials and Documentation
Joni Gordon Technical Writer, Oracle Joni develops documentation for JavaFX. She has been a technical writer for over 10 years and has a background in enterprise application development. Alexander Kouznetsov Software Developer, Oracle Alexander is part of the JavaFX quality team and is also involved in samples and demos development. Alexander is the first to use JavaFX to create apps and demos tha
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaFX ScrollPane border and background
JavaOne2010-S313389: Source Code Repository: ScubaDivingsrcscubadivingcaspian.css — Project Kenai
Using JavaFX UI Controls: Pagination Control | JavaFX 2 Tutorials and Documentation