問題タブ [gridpane]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
618 参照

button - スクロールペインで画像間のスペースを維持する方法

スクロールペイン内の画像の間にスペースを空ける必要があります。イメージビューとボタンを Vbox に追加しています。次に、その vbox をグリッドペインに追加します。グリッドペインがスクロールペインに追加されます。ただし、スクロールペインが過密になります。グリッドペインを使用しました。 () ですが、効果はありません。ここに私のコードがあります:

ここに画像の説明を入力

画像が追加されたときのステージの様子

0 投票する
3 に答える
22560 参照

java - JavaFX での GridPane の行の中央揃え

テキストタイトルと4つのボタンを持つfxmlにGridPaneがあります。GridPane 自体は中央揃えですが、すべてのボタンはグリッドの列内で左揃えになっています。Java コードを使用してアイテムの配置を変更する方法は知っていますが、FXML と CSS を使用してすべてのスタイリングを処理したいので、これは理想的な状況ではありません。JavaFX の GridPane ビューでセルの要素を中央揃えにする最良の方法を誰かが提案できますか?

0 投票する
1 に答える
4032 参照

javafx - JavaFX:行の削除後にGridPaneを更新する最良の方法は?

ユーザーエントリを持つテーブルとして GridPane (ScrollPane 内) を使用しています。各行には、ユーザー名 (Label)、その状態を示すアイコン (ImageView)、および 2 つのボタン (2 つ目のボタンはユーザー エントリを削除するために使用されます) が組み込まれています。以下の 2 つの画像は、ユーザー エントリの削除前後のスクロール ペインを示しています。

行(ユーザーエントリ)削除前のGridPane

行 (ユーザー エントリ) の削除後の GridPane

更新: 以下のコードサンプル:

明らかな問題は、GridPane 項目が自動的に再配置されず、削除された行がまだスペースを占有していることです。再配置を手動で行う方法を提供する必要がありますか、それとももっと簡単な方法がありますか?

要素 ID にユーザー名が含まれているかどうかを確認する行は、削除する要素を知るためのものです (要素の追加時に、実際のユーザー名を追加します。したがって、たとえば testuser0 エントリを含む GridPane 行は、次の ID を持つ要素で構成されます: lbltestuser0、imgtestuser0 , btnCheckStatustestuser0, btnDeleteUsertestuser0. (毎回どの行を削除するかを知るためのヒューリスティックにすぎません) LinuxCommand は、コンストラクターで vararg String を受け入れてそれぞれのコマンドを実行するカスタム クラスです。

0 投票する
1 に答える
2301 参照

java - JavaFX GUI で 2 次元配列の要素を表示する方法

私は非常に新しいJavaFX(およびそのためのGUI)であり、いくつかの概念を理解するのに苦労しています。intそうは言っても、を拡張するクラス内にrandom を格納する 10x10 の多次元配列があり、各ランダム値を別のクラスの a の中心にグラフィカルにGridPane表示する方法を理解するのに苦労しています。すべての要素のそれぞれが、ある種の形で均一に表示されることを望みます。私は正確な解決策を知りたくありません。どのようなオプションと手順を実行する必要があるかを知りたいだけです。たとえば、インポートなどを認識しておく必要があります。別の投稿からこの画像を見つけましたが、ボタンである必要がないことを除いて、これは私が想像する種類のレイアウトですintBorderPaneint

ここに画像の説明を入力

0 投票する
1 に答える
5416 参照

java - JavaFX - GridPane で for ループを使用していますか?

2 つの for ループを使用して、ImageView ノードを各場所に自動的に追加しようとしています。for ループを使用すると、エラーが発生します。ImageView ノードを追加するステートメントを 1 つだけ使用して for ループ コードをコメントアウトすると、コードが機能するように見えますが、for ループを使用して GridPane を設定できますか? もしそうなら、私は何を間違っていますか?そうでない場合、解決策として何が使用できますか?

私のクラス:

編集:コードの場合:

コード行を次のように変更しました

これで問題は解決したようですが、最初のオプションが機能しない理由を誰かに説明してもらえますか?

0 投票する
1 に答える
73 参照

javafx - JavaFX 自動スクロール

スクロールペインにグリッドペインがあります。1 つのグリッドセルにはスクロールペインのサイズがあるため、他のグリッドセルを表示するにはスクロールする必要があります。ここで、明示的なグリッド セルに自動的にスクロールしたいと考えています。

どうすればそれができるか考えている人はいますか?

0 投票する
2 に答える
1556 参照

javafx - GridPaneの境界線までの距離を設定するには?

GridPane で境界線までの距離を設定する方法が見つかりません。現在、境界線が停止した直後にテキストが開始されますが、これはデザインにとってあまり良いことではありません。私はすべての子にパディングを与えることができましたが、これを行うにはもっと短い方法が必要だと考えていました (GridPane の一部のプロパティ)。

残念ながら、私はこれをオンラインで見つけることができませんでした。私は FXML または CSS (できれば CSS) を使用するソリューションを好みますが、これを Java コードで行う必要がある場合でも問題ありません。

私はすでに試しました:

  • CSS: で GridPane のマージンを設定しますが #someGridPane { -fx-border-insets: 5; }、これらのインセットは境界線の外側にあります (内側に入れたい)。
  • すべての子要素にパディングを設定しますが、これは私が望んでいたほど効率的ではありません)。

問題は、GridPane の境界線までの距離を設定する方法です。

ノート:

  1. 私はJavaFX8を使用しています
  2. 解決策がすでにオンラインのどこかにある場合は、お知らせください。(ちょっと前から探してました)