アイコンを画像に変更したいのですが、CSSリファレンスガイドを見てきましたが、関連するものが見つからないようです。それも可能ですか?メインJavaFXスクリプトからCSSを使用するか宣言的に使用するかは関係ありません。JAVAFX 2.0スライダのスライダアイコンをイメージに変更するにはどうすればよいですか?
6
A
答えて
7
AudioPlayerにカスタムスライダのレンダリングのサンプルコードとイメージを見てみましょう。
また、対話型のコントロールではなくフィードバックを求める場合は、JFXtras libraryに多数のゲージがあります。
不変式の答えによって指摘されたセレクタを使用したサンプルCSSです。画像全体を表示するには、画像サイズの半分に-fx-padding指定を追加する必要があることに注意してください。
/** slider.css
place in same directory as SliderCss.java
ensure build system copies the css file to the build output path */
.slider .thumb {
-fx-background-image :url("http://icons.iconarchive.com/icons/double-j-design/diagram-free/128/piggy-bank-icon.png");
-fx-padding: 64;
}
/* Icon license: creative commons with attribution: http://www.doublejdesign.co.uk/products-page/icons/diagram */
サンプルアプリ:
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;
public class SliderCss extends Application {
public static void main(String[] args) { launch(args); }
@Override public void start(Stage stage) throws Exception {
VBox layout = new VBox();
layout.setStyle("-fx-background-color: cornsilk; -fx-padding: 10px;");
layout.getChildren().setAll(new Slider());
layout.getStylesheets().add(getClass().getResource("slider.css").toExternalForm());
stage.setScene(new Scene(layout));
stage.show();
}
}
サンプルプログラムの出力:
6
あなたはCSS
を使用して、スライダのつまみを変更することができます0.slider .thumb{
-fx-background-image :url("your image");
...// more customization
}
+0
チップのおかげで:)それは動作します –
+0
あなたは歓迎です:) – invariant
0
親指の背景色を削除し、画像(丸いボタンのような半透明のもの)のみを使用する場合は、-fx-background-color:transparent;あなたが背景を持っていない限り、
.slider .thumb {
-fx-background-image :url("sider-round-thumb-image.png");
-fx-padding: 16; /* My thumb image is 33x33 pixels,so padding is half */
-fx-pref-height: 28;
-fx-pref-width: 28;
-fx-background-color:transparent;
}
関連する問題
- 1. MacにJavaFX 2.0をインストールするにはどうすればよいですか?
- 2. jquery UIスライダ:スライダの位置をプログラム的に変更するにはどうすればよいですか?
- 3. JavaFx 2.0ゲームエンジン/フレームワーク - JavaFx 2.0はどのようにJavaゲームを変えますか?
- 4. 背景イメージを変更するにはどうすればよいですか?
- 5. イメージURLを変更するにはどうすればよいですか?
- 6. UIImageViewのイメージをプログラムで変更できるようにするにはどうすればよいですか?
- 7. ウェブサイトのイメージを変更するにはどうすればいいですか?
- 8. JavaFX TextAreaのテキストの前景色を動的に変更するにはどうすればよいですか?
- 9. JavaFXシーンビルダ:[レイアウト]タブの[サイズ変更]オプションをオフにするにはどうすればよいですか?
- 10. JavaFX 2.0の散布図にドットを配置するにはどうすればよいですか?
- 11. 既存のMavenプロジェクトにJavaFX 2.0クラスを追加するにはどうすればよいですか?
- 12. キャンバスコンテンツをイメージに変換するにはどうすればよいですか?
- 13. javafxでイメージビューイメージのサイズを変更するにはどうすればよいですか?
- 14. JavaFx 2.0でControllerクラスにアクセスするにはどうすればよいですか?
- 15. JavaFXステージ用のサイズ変更アニメーションを作成するにはどうすればよいですか?
- 16. JavaFX 2.0で深みのあるウェブサイトを保存するにはどうすればいいですか?
- 17. サイト全体の背景イメージを定期的に変更するにはどうすればよいですか?
- 18. イメージとテーブルのサイズを同時に変更するにはどうすればよいですか?
- 19. TensorFlowでサイズ変更されたイメージを描画するにはどうすればよいですか?
- 20. イメージのマウスオーバーでハイパーリンクの色を変更するにはどうすればよいですか?
- 21. jQuery - Chromeのmousemoveでイメージのサイズを変更するにはどうすればよいですか?
- 22. スライダのトラックテンプレートをどのように変更しますか?
- 23. gwtとキャンバスでイメージのサイズを変更するにはどうすればよいですか?
- 24. イメージ(uiimage)の目の色のみを変更するにはどうすればよいですか?
- 25. 変形スティックを変更するにはどうすればよいですか?
- 26. jqueryを使用してCSSの背景イメージを変更するにはどうすればよいですか?
- 27. Androidの定期的なアクティビティの背景イメージを変更するにはどうすればよいですか?
- 28. symfony 2.0でデータベースをpostgresqlに変更するにはどうすればいいですか?
- 29. ratingStarsをstringに変更するにはどうすればよいですか?
- 30. 一部のビューでUINavigationBarの背景をイメージで変更するにはどうすればいいですか?
ありがとう、これは素晴らしい作品です! –
fx-paddingのための+1 :) – invariant