Главная » Полезные статьи » HTML-верстка » Таблицы во флеше? Легко!
Распечатать статью

Таблицы во флеше? Легко!

Обратите внимание: сейчас я сообщу неожиданную вещь. В текстовых полях Flash (TextField и TextArea) можно выводить таблицы записанные тэгами!!! Ниже я расскажу, как это сделать и проиллюстрирую рассказ на TextField, но с тем же успехом мой рассказ можно применить и к TextArea.

Обработка тэгов html в TextField

Готов поспорить, что почти все, кто работал с текстовыми полями в Flash’е, обратили внимание на то, что они умеют «понимать» некоторые html-тэги. Для тех же, кто упустил этот момент, проведем краткий экскурс.

При динамической подстановке текста в TextField есть возможность задавать форматирование отдельных его фрагментов. Для этого следует указать, что в текстовом поле должны обрабатываться html-тэги. Сделать это можно двумя способами: включением кнопки Render text as HTML или указанием в Action Script имя_текстового_поля.html=true;. Указывая какой текст должен отображаться в текстовом поле, обращаться надо к свойству htmlText, а не text.

Например, код для вывода жирным курсивом названия операционной системы в Action Script выглядит следующим образом:
// допустим, что текстовое поле называется txt
txt.html=true;
txh.htmlText='<b><i>Mac OS X</i> </b>';

Текстовые поля поддерживают следующие html-тэги со всеми их атрибутами:
<a>, <b>, <br>, <u>, <i>, <font>, <li>, <p>, а начиная с версии Flash MX 2004 поддерживается тэг <img>.

Магический тэг от Macromedia

То ли создатели Flash’а услышали многочисленные мольбы, то ли сами догадались, что вышеназванных тэгов недостаточно – неизвестно. Зато доподлинно известно, что появился тэг <textformat>. Он обладает различными свойствами для настройки отступов текста, интерлиньяжа и позиций табуляции. Все они достаточно детально описаны в стандартной помощи, нас же больше всего интересуют позиции табуляции.

Задать позиции можно, записав их значения в свойстве тэга tabstops:
<textformat tabstops='[30,70,80]’>
Значения отступов считаются от левого края текстового поля в пикселях.

Для того, чтобы текст в этом тэге отображался колонками, надо каждую следующую запись в строке отделять от предыдущей символом табуляции, а каждую строку заканчивать тэгом переноса строки (<br>). Macromedia советует использовать для табуляции сочетание симолов t, что, разумеется, логично, но не совсем удобно при динамической передаче данных в Flash. Cтоит только подумать о тех же stripslashes(), и меня бросает в холодный пот.

К счастью, Flash поддерживает еще один тэг, о котором умолчали разработчики — <tab>. Из его названия можно понять, что функция тэга заключается в замене символа табуляции. Долой stripslashes() и холодный пот!

Таблицы, записанные HTML

Cуммируя все вышепреведенное составим код, который выведет на экран такую таблицу:

1. В первом кадре создадим текстовое поле с включенными свойствами multiline и Render text as html. Поле назовем txt.

2. В actions первого же кадра запишем следующий код:
head=»<b><i> №<tab>Название<tab>Цена</i></b><br>»;
line1=»1<tab>Эпикурейство<tab>лет 20 <br>»;
line2=»2<tab>Богатство<tab>душа<br>»;
line3=»3<tab>Изображение<tab>127 Кбайт<br>»;
total=»<tab><i>Итого:</i><tab>Вечность»;
txt.htmlText=»<textformat tabstops='[20,170]’>»+head+line1+line2+line3+total+»</textformat>»;

3. Если теперь запустить ролик, то в нем появится аккуратная табличка, похожая на приведенную выше.
4. Теперь можно пойти и приготовить всем чай. Мне три ложки сахара и половину лимона.

Ложка дегтя и бочка меда

Достоинства подобного метода вывода информации, несомненно, высоки, но у него есть и недостаток. В ячейке может находиться одна строка текста и, если текст окажется шире указанной в <textformat> ширины ячейки, то он просто сдвинет вправо следующий за ним текст, который должен отображаться в соседней колонке. Вполне возможно, что этот недостаток можно обойти, не продавая души дьяволу, но мне этот метод пока что неизвестен.

Напоследок хочу обратить внимание на то, что при передаче html-кода в Flash с использованием XML, тэги передаваемого кода необходимо писать в формате XHTML (закрывать одинарные тэги, например, <br /> или <img src=»pic.jpg» />). В противном случае Flash не сможет правильно распознать XML-файл, а ведь это не то, к чему мы стремились всю сознательную жизнь.

Перспективы?

Выводить таблицы с большей гибкостью можно используя компонент Flash MX 2004 DataGrid, но в таком случае таблицу не вставишь в середину текста. Также существуют коммерческие и не совсем компоненты для составления и вывода таблиц из стандартного html-кода, у которых те же недостатки, что и у DataGrid. Кроме того, за большинство из них надо платить.

Будем надеяться, что команда разработчиков придумает что-то, чтобы облегчить вывод текста с полной поддержкой XHTML, тем более, что уже готовые исходники подобных вещей продаются за 40-50 долларов на сайте Macromedia Exchange 😉

Источник: internet-technologies.ru 
Вы можете оставить комментарий, или обратную ссылку на Ваш сайт.

Оставить комментарий

Похожие статьи