問題タブ [border-layout]

しばらくの間ゲームを開発しており、現在 GUI を再作業しているか、少なくとも試みています。レイアウト マネージャーをよく理解していなかったため、フレームのサイズを (問題なく) 変更できないという大きな問題がありました。いくつかのプロジェクトの後で、戻ってきてゲームにもう少し手を加える時が来ましたが、問題が発生しました...

メイン フレームの基本的なレイアウトは、1 つの gameScrollPane と 1 つの controlPanel を含む mainPane です。スクロール ペインはスクロール ペインで、コントロール パネルは通常のパネルです。スクロール ペインには、メインのゲーム パネルが含まれています。

スクロール ペインが画面の大部分を占め、コントロール パネルが小さな下部領域を占有するようにしたかったので、多くの Sim のようなゲームと同じように、mainPane に Border レイアウトを選択しました。スクロール ペインを追加し、制約を CENTER に設定し、コントロール パネルを追加し、制約を SOUTH に設定しました。これにはスクロール ペインが表示されなかったので、さまざまな制約を試してみましたが、スクロール ペインの制約を North に設定した場合にのみ、まったく表示されないようです。

これを示すために、簡単なビデオを作成しました... http://screenjel.ly/q5RjczwZjH8

ご覧のとおり、NORTH の値を CENTER に変更して再実行すると、存在しないように見えます。

この問題が解決された後、別の質問を開始する可能性のある明確な 2 番目の問題を確認できる人にはボーナス ポイントを提供します。

これを読んでくれてありがとう。

アイデアや考えを事前にありがとう:)

リリース

このように宣言されたときに JPanel を参照する方法がわかりません。

これはプログラム全体のコーディングです。すべてが機能しますが、レイアウトが希望どおりではありません。それにBorderLayoutsを追加してもうまくいかないようです。

JPanel を参照して BorderLayout を使用する方法がわかりません。どうすればこれを行うことができますか？

zk5.0.3を使用しています。borderlayoutの「中央」領域のタイトルとして次の注釈バインディングを使用したいと思います。

私は次のことをしたい：

このバインディングをタイトルの値としてラップできるような機能を実現するにはどうすればよいですか？

ありがとう、ソニー

これは私のプログラムです。フレームの北側にボタンを配置したいのですが、ボーダーレイアウトを使用しようとすると、その行で定義されたエラーが発生します。

東、西、南の領域を持つビューポートの中央領域 (ボーダー レイアウト) でウィンドウを開くアプリケーションがあります。私が知る限り、これらのウィンドウを開くには 2 つの方法があり、どちらにも注意事項があります。

.add()1 つ目は、window コンポーネントをそのコンテナー (中央領域) に追加するために使用します。この方法には、次の問題があります。

1. 東/西の領域が展開/折りたたまれても、ウィンドウの位置は変更されません。たとえば、幅が 200px の西の領域で、西の領域が折りたたまれており、ウィンドウが中央の領域の西端から 150px に配置されている場合、西の領域が展開され、中央の領域の西の端が 200px 移動しますが、ウィンドウは所定の位置にとどまり、拡張された西側の領域と重なります。ウィンドウを移動しようとすると、その設定により中央領域の西端にスナップバックしますがconstrainHeader: true、展開/折りたたみ時に再配置する必要があります。

2. Z-Index 管理: ウィンドウはヘッダーによってのみ制約されるため、ウィンドウの本体は中央領域の南端の下にドラッグできます。理想的には、このように配置された場合、南地域の下に表示されるはずですが、上に表示されます。同様に、東または西の領域がフローティングされている (展開されていない) 場合、それらは重なり合うほど近くに配置されたウィンドウの上にも表示されます。ウィンドウは中央領域の子として追加されているように見えますが、実際には中央領域の要素の DOM 子ではありません。したがって、それらの z インデックスは中央領域ではなく、ページ本体に対して相対的です。そのため、カスタム zseed でカスタム ZIndexManager を使用しても、開いているすべてのウィンドウの z-index が他の領域の z-index を下回ることを保証することはできません。

3. ウィンドウを拡大して元のサイズに戻すと、元の位置は、西側領域の表示幅に等しい量だけ右に移動します。領域が折りたたまれている場合は、ヘッダーのみが表示されるため、わずかな量です。それ以外の場合は全幅。

ウィンドウを開く 2 番目の方法はrenderTo、中央領域の要素を値として設定オプションを使用することです。これにより、上記の問題 1) および 2) が解決されます。ウィンドウの要素が中央の領域の要素の実際の DOM 子であるため、東/西の領域が展開/折りたたまれたときにウィンドウが正しく再配置されます (したがって、それらの z インデックスは中心領域)、z-index 管理の問題はもはや問題ではありません。でも：

1. Ext.AbstractComponent のドキュメントには、コンポーネントをコンテナの子コンポーネントとして追加するときに renderTo を使用しないように記載されています。これは、コンテナ レイアウト マネージャーが処理する必要があるためです。これはフローティング コンポーネントに関連していますか?

2. 上記の 3) と同様の問題 - ウィンドウの最大化と復元は正常に行われますが、ウィンドウをドラッグ アンド ドロップすると同様の東方向への移動が発生し、より明白になります。ウィンドウをドロップすると、ウィンドウはドロップされた場所の右側にいくらか配置されます。その量は、西側領域の可視幅と同じ (またはそれに近い) です。西部地域が拡大されると、これは特に耳障りです。

これらの問題 (maximise-restore の問題を除く) はすべて、次の単純なアプリケーションで確認できます。

これらのアプローチのいずれかが他のアプローチよりも優れているか、リストされているすべての問題を克服するために適用できるか?

アップデート：

両方の方法を一緒に使用することは、おそらくもっと早く思いついたはずです。そうすることで、東/西の領域が展開/縮小されたときにウィンドウが正しく再配置され、z インデックスの問題がなく、最大化/復元時にウィンドウが正しく配置されないことを意味します。朗報です！ただし、ウィンドウはドラッグ アンド ドロップ時に正しく配置されません。これは、最も明白で厄介な問題です。なぜこれが起こっているのか、それを止める方法についてのアイデアはありますか (ドロップされたときに、ウィンドウの x 位置から西領域の幅を手動で差し引く以外)?

私はこれをうまく機能させています：http：//jsfiddle.net/uwcEw/-cssの従来のボーダーレイアウト。

私がやりたいのは、境界線レイアウトの「中央」内に別の5領域の境界線レイアウトを配置することです。上から同じパターンを再適用すると、次のようになります：http: //jsfiddle.net/6bked/4/（編集されたリンク）、これは機能しません。明らかに、親コンテナに関連していませんが、よくわかりません。ネストされたコンテキストで必要に応じてこのパターンを適用できるように、これを修正する方法。

何か助けはありますか？また、これを行うためのより良い方法（Compass + Sass / blueprint / jsレイアウト）がある場合は、提案を受け付けています。

アップデート

また、これが最新のブラウザー（Webkit、FF）での動作にのみ関心があり、主にWebkitに関係しており、JavaScriptが有効になっていないユーザーについては心配していません。

JPanelを追加したJDialogを使用しています。JPanelのレイアウトはBorderLayoutです。これで、そのパネルに表示される情報と画像ができました。したがって、Border.Center にすべての情報を追加し、Border.south に画像を追加しました。しかし、画像は適切に配置されていません。以下は理解に役立つかもしれません:

画像は下部と水平方向の中央に表示されます。しかし、私が欲しいのは、Border.south の左上コーダーに画像を表示することです。これどうやってするの？出来ますか ？

編集：-

このコードでは、状況を表すために画像の代わりに JLabel (「画像はここにあります。」) を追加しました。

のを削除する必要がありますComponentが、何度か試してもうまくいきません。CenterJPanel

ここで方法を試しました：

BorderLayout を使用して JPanel から CENTER 要素を削除する

しかし、答えの方法はコンパイル時エラーを生成します:

答えを間違って解釈していますか？

さらに、GroupLayout から 1 つのコンポーネントだけを更新できるかどうかにも興味があります。誰かがそれを行う方法を教えてもらえますか?

編集: @mre: コードは次のとおりです。

これは基本的にリンクと同じです。

皆さん、ありがとうございました！

アンドロイドで機能する再利用可能なボーダーレイアウトを実装する方法はありますか？スイングのBorderLayoutと同じように動作するもの：中央を最大化し、残りを最小サイズに縮小しますか？

画面を多数に分割したdivので、それらは互いにくっつきます (たとえば、チェス盤のようなものですが、可変サイズのフィールドがあります)。パーセントを設定heigthしwidthて使用します（親コンテナに対して）。

今、divに追加border: 1pxすると、すべてのレイアウトが壊れます...境界線が各辺に1px追加されると想像します。解決策は、内部境界線を追加することです。どういうわけかそのような内部境界線を追加できますか?