Pulpit jquery z układem siatki

Question

Czekam na zbudowanie pulpitu opartego na Jquery. Patrząc na poniższych przykładach:

http://jqueryui.com/sortable/#display-grid

i

http://jqueryui.com/sortable/#portlets

widzę, że ta funkcjonalność jest łatwo zrobić, jeśli mamy układ płynu. Jednak. Chcę desce rozdzielczej, która jest nieco bardziej złożona niż powyższe przykłady.

Deska rozdzielcza, którą zamierzam utworzyć, będzie mieć siatkę, na której można upuścić przedmioty. Elementy można upuszczać w dowolnym miejscu na stronie, a odstępy między nimi są dozwolone. Przedmioty można zmieniać w stosunku do siatki, powodując przesunięcie przedmiotów.

Nie mam ani potrzebuję układu takiego jak panel główny strony głównej google, w którym kafelki przesuwają się w górę i nie pozwalają na odstępy między nimi w siatce.

Tak na przykład to, że ma 10 x 10 siatki (50 pikseli na jednostkę)

Płytka może być 1 x 1 i zmniejszone do 1 x 2, a potem może być 1 x 1 spacer i następnie kolejna płytka.

Szukam dobrego algorytmu, aby to osiągnąć. Moim ostatecznym celem jest stworzenie deski rozdzielczej podobnej do tej, którą zobaczysz na ekranie głównym Androida.

Jednak moją główną wadą jest obecnie inteligentne wykrywanie kolizji w celu wymiany i organizacji siatki.

Po wykonaniu mam nadzieję udostępnić mój pulpit nawigacyjny na github. Dziękuję Ci.

Answer 1

To nie jest wtyczka jQuery, ale Gridster robi wszystko, o czym wspomniałeś, Z WYJĄTKIEM do zmiany rozmiaru.

Daj nam znać, jeśli znajdziesz coś bardziej kompletnego.