Jquery ベースのダッシュボードを構築しようとしています。次の例を見てください。
http://jqueryui.com/sortable/#display-grid
と
http://jqueryui.com/sortable/#portlets
流動的なレイアウトがあれば、この機能は簡単に実現できます。でも。上記の例よりも少し複雑なダッシュボードが必要です。
作成しようとしているダッシュボードには、アイテムをドロップできるグリッドがあります。項目はページのどこにでもドロップでき、項目間にスペースを入れることができます。項目はグリッドに対してサイズ変更可能で、項目が邪魔にならないように移動できます。
タイルが上に移動し、グリッド内でそれらの間にスペースを空けることができない、Google ホームページ ダッシュボードのようなレイアウトは必要ありません。
たとえば、10 x 10 グリッド (ユニットあたり 50 ピクセル)
1 x 1 のタイルを 1 x 2 にサイズ変更すると、1 x 1 のスペーサーと別のタイルを配置できます。
これを達成するための優れたアルゴリズムを探しています。最終的な目標は、Android のホーム画面に表示されるようなダッシュボードを作成することです。
ただし、私の主な欠点は、現在、グリッドを交換および整理するためのスマートな衝突検出です。
完成したら、私のダッシュボードを github で共有したいと考えています。ありがとうございました。