問題タブ [vbox]
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.
java - JavaFX: vbox の子の実際の高さを設定する
VBox ペインと内部にいくつかのテーブルビューがあります。ウィンドウの高さが小さすぎてすべてのテーブルをフル サイズで表示できない場合、テーブルは最小化されます。しかし、必要に応じて、スクロールバーを使用してテーブルビューを実際のサイズで表示したいと考えています。
java - VBox を親 GridPane に合わせる
2 つの列を持つ GridPane があります。1 つ目は固定サイズの ImageView を含み、2 つ目は Text 要素を持つ VBox を含みます。列幅に合わせるには、この VBox が必要です。グリッドには適切な寸法、ImageView もありますが、2 番目の列の VBox は、親 (グリッド) ではなく、含まれるテキストに適合します。
与えられた例によれば、「ボックス」の幅を「グリッド」オブジェクトの 2 列目と同じにしたいと考えています。これを修正する方法は?
緑の枠のコンテナー: GridPane グリッド 水色の枠のコンテナー: VBox ボックス GridPane の背景は赤、VBox の背景はピンクです。親の幅に明らかに適合していないことがわかります。
前もって感謝します
java - JavaFX HBox の配置
私は JavaFX を使用してソフトウェアに取り組んできましたが、ばかげているが心配な問題があります。
コードの特定の部分には , があり、その中に 、、およびHBox
の 3 つの項目があります。image
label
VBox
問題は、 をimage
左に揃える、つまり の左マージンの隣に、 を右window
にVBox
揃える、つまり の右の境界線の隣に配置したいのですが、window
方法がわかりませんそれをするために。
を使用しようとしましたVBox.setAlignment(Pos.RIGHT_CENTER)
が、うまくいきませんでした。
javafx - 左側の JavaFX セット タイトルを削除する
私の問題は下の図で説明されています。これはより重要な部分であるため、右側ではなく左側でラベルを「...」に設定したいだけです。コードの時点で、ラベルを設定する方法を示すことができます(ただし、それは実際には問題ではありません):
java - Vbox/Hbox がその子に座標を割り当てるのはいつですか?
クリックして vbox に四角形を配置し、四角形の座標を出力します。キーを押すと、座標のみを印刷します。このサンプル コード例を見てください。
これにより、次の出力が得られます。
したがって、JavaFXは、画面に印刷するときに形状の座標を割り当てると思います。しかし、リフレッシュしたときに Vbox の形状の座標を取得するにはどうすればよいですか?
java - GridPane が VBox 全体にまたがっていない
後で印刷できる請求書を作成しようとしています。私はそれを行うために VBoxes と GridPanes を使用しています。中央の GridPane の列数は可変です。ループを使用して構築しています。GridPane (緑の境界線) が VBox (赤の境界線) 全体にまたがるようにさまざまなことを試みましたが、何も機能していないようです。
境界線を付けた後、グリッドは実際には VBox 全体にまたがっていますが、列はスペース全体を占有していないことに気付きました。中央のグリッドの列数を認識しておらず、500px 未満に抑える必要があるため、列の制約を与えることはできません。
以下は関連するコードです。
関数 vboxForPrinting() を以下に示します。
javascript - タブ/Vbox レイアウト
各タブにバインドされた各フォーム パネル間で xtype ウィジェットとして共有される同じグリッド パネルを持つタブ レイアウトを使用するアプリがあります。
私のメインタブのレイアウトは次のとおりです。
同じグリッド ウィジェット (具体的には、demographicGrid、vitalGrid、labGrid、diagnosticGrid、procedureGrid、medicationGrid を共有する個々のタブは、それぞれメイン ビューで xtype によって参照されます) は次のようになります。
タブ内の各フォーム パネルの唯一の違いは、アイテム コンポーネントです。これらのフォーム パネルはそれぞれ、「searchGrid」の xtype を参照し、添付の画像のようにレンダリングします。
問題は、この同じグリッドのインスタンスが 6 つあることです。これはほとんどの場合機能しますが、グリッド内のチェックボックスの制御に関連するいくつかの問題と、いくつかの奇妙なグリッド ストアのロード動作が発生しています。正直なところ、このアンチパターンを使用してコンポーネントを追跡することは PITA です。
上部の垂直パネルには、各タブの要件に応じて変更する必要がある項目コンポーネントがあり、下部の垂直パネルに searchGrid の単一のインスタンスを何とかしたいと考えています。アイテム コントロールがどのように変化するかの例は次のとおりです。
私の望ましい動作は、タブをクリックすると、上部の項目コンポーネントが別のフォーム パネルに移動し、下部のパネルは検索グリッドに固定されたままになることです。
ただし、これを機能させる唯一の方法であるため、現在、各タブのフォームパネルに searchGrid をバインドしています。
searchGrid グリッド パネルは次のようになります。
Vbox レイアウトを使用して目的の動作を実現しようと試みましたが、うまくいきませんでした。タブのクリックに基づいて上部の Vbox パネルを別のフォーム パネルに変更し、下部の Vbox パネルは固定したままにするというユース ケースは珍しくないようです。どんな洞察も大歓迎です。