» Форма входа

»Мoy-weB ver.4.1

» Статистика

Главная » 2008 » Октябрь » 12 » Таблицы во флеше? Легко!

Таблицы во флеше? Легко!
12.Окт.2008 | 21:51:58

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


Обратите внимание: сейчас я сообщу неожиданную вещь. В текстовых полях
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 wink
Категория: Статьй и уроки | Просмотров: 415 | Добавил: CorsaR
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]