ActionScript, тег LI и создание маркированных списков

Для создания маркированных списков (нумерованных списков в AS нет) в ActionScript используется, как и в HTML, тег LI. Но в ActionScript этот тег имеет свою специфику. Если в html-документах теги LI надо заключать внутрь тега UL, то в ActionScript тег UL просто отсутствует. Сравните две записи...

Код HTML:

<ul> <li>Наташа</li> <li>Ирина</li> <li>Людмила</li> </ul>

Код ActionScript:

<li>Наташа</li> <li>Ирина</li> <li>Людмила</li>

Сравните два приведённых выше примера. Как видите, главное отличие использования тега LI в ActionScript - это отсутствие тега-контейнера UL.

А теперь давайте приведём более развёрнутый пример с созданием маркированного списка в AS. Пример будет на языке ActionScript 3.0, но в ActionScript 2.0 тег LI используется точно также.

Код ActionScript 3.0:

var tf:TextField = new TextField(); tf.width = 400; tf.height = 300; tf.multiline = true; tf.wordWrap = true; tf.htmlText = "Список: <li>Наташа</li><li>Ирина</li><li>Людмила</li>"; addChild(tf); tf.x = 50; tf.y = 50;

Результат приведённого выше кода:

Единственное, что мне не нравится - это то, что список "уехал" вправо. Это особенно некрасиво смотрится в небольших текстовых полях. Попробуем это исправить с помощью специфического тега textformat (есть такой в AS) и свойства indent с отрицательным значением...

Код ActionScript 3.0:

var tf:TextField = new TextField(); tf.width = 400; tf.height = 300; tf.multiline = true; tf.wordWrap = true; tf.htmlText = 'Список: <textformat indent="-15"><li>Наташа</li><li>Ирина</li><li>Людмила</li></textformat>'; addChild(tf); tf.x = 50; tf.y = 50;

Результат:

Да, конечно, возможности форматирования текстовых полей в ActionScript не сравнить с возможностями, предоставляемыми в HTML и CSS. Но это ещё не значит, что от форматирования надо отказываться. И использование маркированного списка - это неплохое решение при форматировании текста в флеш-роликах, даже при всей ограниченности этих списков.

Автор: admin

Дата добавления: 2012-03-07

Просмотров: 2883

Рейтинг поста: +2-

Правила перепечатки

Социальные закладки:
Комментарии:
К данной заметке комментариев пока нет. Ваш комментарий может стать первым.
Добавить комментарий:







[ + ] помощь по форматирование текста

Идиот-тест

Если все обязательные поля (отмечены * ) заполнены необходимой информацией, то нажимаем кнопку Добавить комментарий.

Меню
Подписка
Рубрики
Метки
Последние комментарии
Рейтинг постов
Реклама
Друзья
География гостей
Статистика
Яндекс.Метрика