問題タブ [grid]

私は、賛否両論についての人々の意見、またはブラウザでWebサイトを設計し、PhotoshopやFireworksなどから離れることについてのまったくの「地獄」に興味があります。

私は自分のウェブサイトのリニューアルをデザインし、ブラウザで試してみましたが、振り返っていません。

例（私は12列の960pxグリッドを使用しています）：

デザインが再び楽しくなるだけでなく、グリッドの使用、垂直リズム、黄金比さえもこれまでになく簡単になりました。言うまでもなく、それは設計と静的コーディングの間のギャップを完全になくします。

どう思いますか？

データを編集し、値を動的に計算する方法を探しています (つまり、合計、平均など)。私のアプリケーションは教師向けの Web ベースの成績表システムであり、大きな課題の 1 つは成績の入力/更新を許可することです。このタイプのデータに対する最も自然な解決策は、テーブルまたはスプレッドシート グリッドです。最初に考えたのは、自分で何かを書くことでしたが、すぐにその考えを克服しました。:)

私が抱えている主な問題は、リアルタイムで物事を計算できることです。教師が成績を変更した場合、その生徒の AVG % と、場合によっては文字の成績を更新するテーブルが必要です。これらの計算をサーバーにフィードバックする必要はありませんが (これらは単なる表示用です)、セルの変更を (AJAX 経由で) 保存する必要があります。

これはおそらくFAQであるべきだとわかっており、これら2つの回答（1、2）を見つけましたが、私の要件は少し異なります（と思います）。まず第一に、RoR とうまく統合できるものを探しています。これは、プロトタイプを使用することを意味します。また、かなり軽量でクリーンでなければなりません。写真やサブグループなどの凝ったものは必要ありません。最後に、私のプロジェクトは GPL の下にあるので、オープン ソースでなければなりません。

ヒントはありますか？現在、TableKitとRico LiveGridを見ていますが、必要な行と列の計算を実行できるかどうかはわかりません。

.netで使用するための販売用またはオープンソース用の複数行の行グリッドコントロールがあるかどうかを誰かが知っていますか？

WPF/Silverlight レイアウトの場合、多数の行と列を含むグリッドを使用するか、大量のスタックパネルを使用する方がよいでしょうか?

だから私はWPFを使い始めたばかりで、2つのグリッドを重ねると、一番上のグリッドが不透明ではないという事実に本当に悩まされています。それは設計を非常に面倒にします。これをどうにかしてオフにすることはできますか？

標準の Winforms STYLE アプリケーションを WPF で構築しているだけです。私はここでギャップを埋めようとしているだけです。Winforms (および VB) では、フォームに常にグループ ボックスまたは何かがあり、ユーザー コンテキストによっては、それらのグループ ボックスの 1 つが一番上に表示されます。太古の昔から私がフォームをデザインしてきた方法です。ここでは、次の 2 つのいずれかが真である必要があります。

A) これは、WPF を使用して Windows を設計するための推奨される方法ではありませんが、何をすべきか理解できません。

B) グリッドを不透明にするいくつかのプロパティがあるため、慣れ親しんだスタイルでウィンドウを作成できます。

AまたはBのいずれかを解決する答えで問題ありません。変更されたために正しい方法で行っていない場合は、教えてください。

更新:背景色を設定することでグリッドを不透明にすることができますが、システムの色に固執するのではなく、白い背景にロックされているようです。

私は単純に2つのグリッドを重ね合わせています。世界のある状態を考えると、グリッド A を一番上に置き、世界の別の状態を考えると、グリッド B を一番上にしたいと思います。昔は grid.BringToFront() を呼び出すだけでしたが、それはもう存在しません。それを実現する方法がわかりません。

私が把握できる最善の方法は、この機能を可能にするために独自のカスタム クラスを作成する必要があることですが、これは非常に単純だったものにとってはやり過ぎのように思えます。

私はWPFが初めてです。ウィンドウに 15 個のグリッドがあり、クリックして表示または非表示にするグリッドを選択できる小さなメニューがあります。一度に 1 つのグリッドのみ。を打ったときにそのグリッドを隠す（フェードアウトする）ようにしEscます。私はすでにすべてのアニメーションを持っています。現時点でどのグリッドが表示されている (アクティブである) かを知る必要があります。

ウィンドウの現在の最上位コントロールを取得する方法がわかりません。

私の解決策はKeyDown、ウィンドウでイベントがトリガーされたときです。

グリッド列に 2 つのコントロールを配置し、最初または 2 番目のコントロールを表示します。グリッド列の幅は自動に設定されているため、表示される子の幅に応じてサイズが変更されます...グリッドスプリッターを使用して列の幅を変更しない限り。
子コントロールの表示を切り替えると、列のサイズがコンテンツに合わせて変更されなくなりました。元の動作を確立するにはどうすればよいですか?

ありがとう！

編集:
列の width プロパティは、再び GridLength.Auto に設定されたプロパティにバインドされたデータです (Martin Moser の功績による) が、Snoop はこれが無視されることを教えてくれます。したがって、（新しい）質問は、列の幅を自動に戻す方法です。

編集:
例

• アプリケーションを開始する
• チェックボックスを使用して、赤いパネルの表示を切り替えます
• =>最初の列の正しいサイズ変更
• スプリッターで列のサイズを変更する
• チェックボックスをオン/オフ
• =>最初の列のサイズ変更はもうありません

XAML:

下の画像のようなグリッド上で許容される動きを把握するための適切な方法を誰かが提案できますか？

piece1が位置a1にあり、piece2が位置c3にあるとすると、piece1が（たとえば）3つの正方形を移動でき、piece2が2を移動できる場合、どのグリッドの正方形が許容される移動であるかをどのように判断できますか？

テキストベースのMUDSの開発に長い時間を費やしてきたようですが、最も単純な状況でも、潜在的な動きを視覚化する方法に脳を次のステップに進めることができません。

重要な場合、私はこれをjavascriptで実行しようとしていますが、正直に言うと、ここでの私の失敗は、言語理解の失敗ではなく、適切に概念化することの失敗だと思います。

更新-以下の回答が投稿された後に書かれた最初のコードを追加します。私と同じような状況の人にとって、コードを見るのは役に立つかもしれないと思いました

それはずさんで、これまでボードに配置された1つのアイテムに対してのみ機能しますが、少なくともこのcheck_allowable_moves()関数はこの最初の実行に対して機能します。数値のx軸とy軸を使用するだけでなく、なぜ私がこれらの奇妙な英数字オブジェクトを作成しているのか疑問に思っている人のために、HTMLのIDは数字で始めることができないためです。実際、IDを開始するために数字を使用できるふりをすることは、私が得た素晴らしい答えによって記述された機能と概念を理解するのに大いに役立ちました。

AutoFillをサポートする優れたサードパーティのグリッドコントロールを知っている人は誰でもいます（Excelのように）。また、Excelへの適切なエクスポートとExcelからのインポート（貼り付け）も便利です。私は主にこれを実行できるWinFormsグリッドに興味がありますが、AutoFill機能を備えたSilverlightグリッドまたはActiveXグリッドがあるかどうかにも興味があります。