PDA

Просмотр полной версии : поменять контейнеры местами.


in4core
23.10.2011, 22:15
Есть контейнер А в котором допустим 100 контейнеров класса B. Контейнеры располагаются вертикально друг за другом сверху вниз аля обычная вертикальная галлерея превьюшек.
Задача менять местами контейнеры , перемещая либо вверх либо вниз. Тоесть если мы двигаем например 2 контейнер вверх, то на его место ставится 1й , а 1й на место второго, если вниз то 2й на место 3его , 3й на место 2го.
Все бы просто сделать, если бы индексы контейнеров шли друг за другом, да и даже если так, после перемещения индексы все равно поменяются и будет структура например 1,33,2,98 и т.д.

Как поступить то ?

goodguy
23.10.2011, 22:26
Тебе надо с анимацией? Аля эскизы в опере?
Я как-то делал подобное, если найду код, выложу
Хотя принцип то не сложный. Юзал карину твинер. Сами эскизы делал так, что точка отсчета располагалась по середине, т.е. хватаю один, тащу его поверх другого, во время перетаскивания постоянно происходит формирование массива на основе всех детей основного контейнера, и он тут же сортируется, если Y одного контейнера, становится меньше или больше другого, он естественно меняет индекс в массиве. При отпускании мыши, массив "фиксируется" и дальше циклом по нему пробегаюсь и добавляю к каждому контейнеру твинер, который и помещает их все на нужные позиции

Пример кода сортировки:

private function sortChildren():void {
try {
var i: int = _container.numChildren;
var children: Array = [];
while (i--) {
children.push(_container.getChildAt(i));
}
children.sortOn("y", Array.NUMERIC);
i = children.length;
while (i--) {
if (getChildIndex(_container.children[i]) != i) {
_container.setChildIndex(children[i], i);
}
}
} catch (e:Error) { trace(e.message + " " + this); }
}

in4core
23.10.2011, 22:32
Не не goodguy дорогой. Никакой анимации нету. никаких твинеров. Я не пойму как переставлять контейнеры местами , тоесть типа cont1.x = cont2.x , cont2.x = cont1.x - тоесть такой принцип, но как мне узнать какой предидущий а какой последующий контейнер, чтобы это сделать я не понимаю. ибо если смотреть по индексам чайлдов, то они могут быть не последовательны

Добавлено через 15 минут
goodguy ты гений, как я мог забыть про сортировку массивом по свойствам!!! это же офигенно. + тебе

saikspaik
23.10.2011, 22:48
По координатам?

goodguy
23.10.2011, 22:55
Я бы сделал так:
Помести все эти эскизы в вектор, ну или в простой массив, не суть. Зная ширину и высоту поля, занимаемого эскизом, условно поделил бы весь родительский контейнер на сектора.
Потом, при перетаскивании эскиза, расчитывал бы в каком по счете секторе он находится в данный момент.
Т.е. горизонтальный сектор - это высота основного поля, разделенная на количество эскизов по горизонтали, аналогично с вертикалью.
Скажем, если высота основного поля 750 пикселейи ширина 900, а высота и ширина одного эскиза 150, то для нахождения в каком ряду и колонке находится эскиз, можно заюзать подобный код:

var totalRows:int = 750 / _thumbHeight; // 750 / 150 = 5
var totalCols:int = 900 / _thumbHeight; // 900 / 150 = 6
var vertRow:int = int(thumb.y / _thumbHeight); // допустим он на 355 / 150 = 2й ряд
var horRow:int = int(thumb.x / _thumbHeight); // 200 / 150 = 1 первая колонка
var index:int = (totalCols * vertRow - 1) + horRow; / /получаем индекс который теперь должен занимать этот эскиз в массиве.

А далее просто вырезал бы его с текущего индекса, и поместил на новый. После чего прогнал бы циклом по массиву и расставил все эскизы по своим местам

как=то так короче. Писал прямо тут, не тестировал ) так что если че, подправишь

Добавлено через 56 секунд
опоздал со вторым вариантом ) ну пофиг, пусть будет