Как раскрасить ячейки TileList в шахматном порядке

Оказывается, очень просто. Чтобы ячейки Flex2-компонента TileList выглядели, как шахматная доска, достаточно задать свойство стиля alternatingItemColors, в качестве значения принимающее массив hex-цветов:

<mx:TileList alternatingItemColors="[#66FF66, #33CC33]" ... />

Цветов может быть больше двух; соответственно будет варьироваться результат. Можно получить полосатый TileList или TileList психоделический.

А поскольку CSS свойство alternatingItemColors наследуется от класса ListBase всеми списко-образными компонентами, то и работает для их всех:

- List (красит строки)
- HorizontalList (красит столбцы)
- TileList (красит строки и столбцы)
- DataGrid (красит строки) (надо проверить, как работает в PrintDataGrid)
- Tree (строки)
- Menu (строки)

А как покрасить ячейки в зависимости от данных, смотрите у Питера Энта и у Майка Нимера (эту ссылку у Горбатова подмотрел).

Остальные способы раскраски DataGrid с помощью itemRenderer'ов и наследования от DataGrid -- у того же Энта: Coloring the Background of DataGrid Cells.

Писал Rost, 18 Февраль 2007 5:15

Найдены баги:

а я как то в попап меню, которое служило для выбора состояния объекта, воспользовался alternatingItemColors для того чтобы выделять цветом предыдущий выбранный пункт.

то есть формировал массив из цветов - в котором позиция нужного мне пункта имела отличный от других цвет :-))))

moksha - 20 Февраль 2007 12:56

Интересное решение. То есть ты на лету переделывал массив цветов и затем его переприсваивал компоненту?

Кстати, а не тормозило решение? А то Адоб предупреждает, мол, операции типа setStyle могут оказаться ресурсоемкими :)

Рост - 20 Февраль 2007 17:21

Предыдущий пост:

SyntaxHighlighter Alpha

Следующий пост:

Флекса не существует

Это запись из категории 'Flex 2'. 10 еще cвежих:

Архивы по категориям:

3D-18, Adobe AIR-30, Animation-1, Apache Ant-1, Architecture-1, ARP-1, Art-25, Articles-26, AS3-52, Books-7, Business-3, Cairngorm-2, CI-1, Classes-10, Coding-30, Community-113, Components-19, Contests-28, Cool-Job-5, Debug-18, Design-26, Development-84, EMO-1, Events-13, Extensions-2, FAQ-8, FDS-1, Flash and html-5, Flash Player-35, Flash Updates-8, Flash-scene-1, flash10-4, FlashLite-2, Flex-30, Flex 2-80, Flickr-1, FMS-1, FPUG-46, frameworks-1, Games-11, Good Job!-35, HaXe-14, Health-2, Humor-10, Ideas-13, JavaScript-1, Job-26, JSFL-8, Links-2, Linux-1, Maps-1, Math-8, Money-11, MXML-1, Open Source-15, Optimization-2, Patterns-2, Personalities-27, Politics-1, Preloading-3, Productivity-9, PureMVC-10, Pv3d-1, Rafpug-4, Red5-3, Remoting-11, Resources-21, Ruby-6, SAAS-1, Security-11, SEO-8, Silverlight-5, Sound-3, Strategy-120, Tamarin-1, Tools-113, Training-2, Trash-8, URAFPUG-13, Urgent-1, Usability-6, Video-6, VoIP-5, Wallop-1, Wishlist-2, Архив всех записей (большой)

За последние месяцы:

Июл 2008: Международная встреча разработчиков URAFPUG завершена, URAFPUG - трансляция студии Flex-фреймворка Mate, весь Июл

Июн 2008: Попытка предварительных выводов о встрече аниматоров, Онлайн трансляция встречи аниматоров в Донецке, весь Июн

Май 2008: Если 3D, то по-взрослому: официальный запрос в Adobe по поводу контроля над мип-маппингом. Нужна ваша поддержка!, В этом году «Russian Flash Awards» пройдет в «космическом стиле», весь Май

Апр 2008: Программирование под флэш платформу. Cтатья (местами спорная), Advanced Flash Components бесплатно раздает все свои AS2-компоненты, весь Апр

Мар 2008: Зарплаты программистов в 2007 году, FlashPhone как технология года? Технология года? В Рунете?, весь Мар

Фев 2008: ЙА ФПУГ — регистрация на первую встречу UAFPUG продолжается, Закулисы Flex и секрет успеха опенсорс-проекта, весь Фев